:root{--font-title: "Press Start 2P", monospace, sans-serif;--font-body: "Share Tech Mono", monospace, sans-serif;--font-mono: "VT323", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary: #0a0a0f;--bg-secondary: #12121c;--bg-card: rgba(18, 18, 28, .85);--color-text: #f5f5fa;--color-text-muted: #8e90a6;--color-primary: #39ff14;--color-secondary: #00f0ff;--color-tertiary: #ff007f;--border-color: #f5f5fa;--shadow-color: rgba(0, 0, 0, .7);--glow-color: rgba(57, 255, 20, .5);--color-primary-64: #00f0ff;--color-secondary-64: #7000ff;--color-tertiary-64: #ff007f;--transition-speed: .3s;--border-radius: 0px}body.light-mode.mode-8bit{--bg-primary: #d5d7cb;--bg-secondary: #c3c5b9;--bg-card: rgba(220, 222, 210, .9);--color-text: #1a1c12;--color-text-muted: #4e5045;--color-primary: #0000a8;--color-secondary: #a80000;--color-tertiary: #585858;--border-color: #1a1c12;--shadow-color: rgba(0, 0, 0, .35);--glow-color: rgba(0, 0, 168, .25)}body.mode-64bit{--bg-primary: #04060a;--bg-secondary: rgba(10, 15, 30, .55);--bg-card: rgba(10, 15, 30, .45);--color-text: #e5e7eb;--color-text-muted: #9ca3af;--border-color: rgba(255, 255, 255, .08);--shadow-color: rgba(0, 0, 0, .6);--glow-color: rgba(0, 240, 255, .2);--border-radius: 16px}body.light-mode.mode-64bit{--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .94);--color-text: #0f172a;--color-text-muted: #334155;--color-primary-64: #3730a3;--color-secondary-64: #6b21a8;--color-tertiary-64: #be185d;--border-color: rgba(15, 23, 42, .18);--shadow-color: rgba(15, 23, 42, .16);--glow-color: rgba(55, 48, 163, .12);--border-radius: 16px;background:linear-gradient(135deg,#f1f5f9,#cbd5e1)!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--bg-primary);color:var(--color-text);font-family:var(--font-body);font-size:18px;line-height:1.6;overflow-x:hidden;transition:background-color .5s ease,color .5s ease}body.mode-8bit{image-rendering:pixelated}body.mode-64bit{font-family:var(--font-sans);font-size:15px}h1,h2,h3,h4,h5,h6{line-height:1.4;transition:font-family .5s ease}body.mode-8bit h1,body.mode-8bit h2,body.mode-8bit h3,body.mode-8bit h4{font-family:var(--font-title);letter-spacing:-.5px}body.mode-64bit h1,body.mode-64bit h2,body.mode-64bit h3,body.mode-64bit h4{font-family:var(--font-sans);font-weight:700;letter-spacing:.2px}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-speed) ease}body.mode-64bit a{color:var(--color-primary-64)}a:hover{color:var(--color-primary)}body.mode-64bit a:hover{color:var(--color-tertiary-64)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-glow{text-shadow:0 0 8px var(--glow-color)}.hidden,body.mode-8bit .only-64bit,body.mode-64bit .only-8bit,body.lang-es .lang-en,body.lang-en .lang-es{display:none!important}#crt-overlay,#scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;transition:opacity .5s ease}#crt-overlay{background:radial-gradient(circle,#12101000 70%,#0000002e)}#scanlines{background:linear-gradient(#12101000 50%,#0000001f 50%);background-size:100% 4px;opacity:.4}#crt-overlay.crt-inactive,#scanlines.crt-inactive,body.mode-64bit #crt-overlay,body.mode-64bit #scanlines{opacity:0!important;pointer-events:none;display:none!important}@keyframes crt-flicker{0%{opacity:.985}50%{opacity:.995}to{opacity:.985}}body.mode-8bit:after{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:#12101003;opacity:0;z-index:9997;pointer-events:none;animation:crt-flicker .15s infinite}.retro-border{border:4px solid var(--border-color);box-shadow:6px 6px 0 0 var(--shadow-color);background-color:var(--bg-card);position:relative;border-radius:var(--border-radius);transition:all .5s cubic-bezier(.2,.8,.2,1)}.retro-border-thin{border:2px solid var(--border-color);box-shadow:3px 3px 0 0 var(--shadow-color);background-color:var(--bg-card);border-radius:var(--border-radius);transition:all .5s cubic-bezier(.2,.8,.2,1)}body.mode-64bit .retro-border{border:1px solid var(--border-color);box-shadow:0 10px 30px #0000004d;background:var(--bg-secondary);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%)}body.mode-64bit .retro-border-thin{border:1px solid var(--border-color);box-shadow:none;background:#ffffff03;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.card-header,.panel-header,.glass-header{border-bottom:4px solid var(--border-color);padding:8px 12px;background-color:var(--border-color);color:var(--bg-primary);font-family:var(--font-title);font-size:11px;display:flex;align-items:center;gap:8px;transition:all .5s ease}body.mode-64bit .card-header,body.mode-64bit .panel-header,body.mode-64bit .glass-header{background:#ffffff05;border-bottom:1px solid var(--border-color);color:var(--color-text);font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.5px}.glass-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background-color:#fff3}.glass-dot:nth-child(1){background-color:#ff5f56}.glass-dot:nth-child(2){background-color:#ffbd2e}.glass-dot:nth-child(3){background-color:#27c93f}.card-dot{width:10px;height:10px;background-color:var(--color-text-muted);display:inline-block}.card-dot.red{background-color:var(--color-secondary)}.card-dot.yellow{background-color:var(--color-tertiary)}.card-dot.green{background-color:var(--color-primary)}.card-title,.glass-title{margin-left:4px}.card-body,.panel-body,.glass-body{padding:24px}.btn-retro{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:11px;color:var(--border-color);background-color:var(--bg-secondary);border:4px solid var(--border-color);box-shadow:4px 4px 0 0 var(--shadow-color);padding:12px 24px;cursor:pointer;position:relative;transition:transform .05s ease,box-shadow .05s ease,background-color .1s ease;-webkit-user-select:none;user-select:none}.btn-retro:hover{background-color:var(--color-primary);color:#000}.btn-retro:active{transform:translate(4px,4px);box-shadow:0 0 0 0 var(--shadow-color)}.btn-primary{background-color:var(--color-primary);color:#000}.btn-primary:hover{background-color:var(--border-color);color:var(--bg-primary)}.btn-secondary{background-color:var(--color-secondary);color:#000}.btn-secondary:hover{background-color:var(--border-color);color:var(--bg-primary)}.btn-large{font-size:14px;padding:16px 32px}.btn-small{font-size:9px;padding:8px 16px}.blink-btn{animation:button-glow 1.5s infinite alternate}@keyframes button-glow{0%{box-shadow:4px 4px 0 0 var(--shadow-color)}to{box-shadow:4px 4px 12px 2px var(--color-primary)}}body.light-mode.mode-8bit .btn-primary,body.light-mode.mode-8bit .btn-secondary,body.light-mode.mode-8bit .btn-retro:hover{color:#fff}.btn-modern{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;font-family:var(--font-sans);font-weight:600;font-size:14px;border-radius:30px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;-webkit-user-select:none;user-select:none;border:none}.btn-modern-primary{background:linear-gradient(135deg,var(--color-primary-64) 0%,var(--color-secondary-64) 100%);color:#04060a;box-shadow:0 4px 20px #00f0ff40}.btn-modern-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00f0ff73;filter:brightness(1.1);color:#04060a}.btn-modern-primary:active{transform:translateY(0)}.btn-modern-secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-modern-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}body.light-mode.mode-64bit .btn-modern-primary{color:#fff;box-shadow:0 4px 15px #4f46e533}body.light-mode.mode-64bit .btn-modern-primary:hover{color:#fff;box-shadow:0 8px 25px #4f46e559}body.light-mode.mode-64bit .btn-modern-secondary{background:#0000000a;color:var(--color-text);border:1px solid rgba(15,23,42,.08)}body.light-mode.mode-64bit .btn-modern-secondary:hover{background:#00000014;border-color:#0f172a26}.btn-large-modern{font-size:16px;padding:16px 36px;border-radius:50px}.btn-small-modern{font-size:12px;padding:8px 16px}.btn-header-modern{padding:8px 20px;font-size:13px}.retro-header{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:#0a0a0ff2;border-bottom:4px solid var(--border-color);transition:all .5s ease}body.light-mode .retro-header{background-color:#d5d7cbf2}body.mode-64bit .retro-header{background:#04060acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color)}body.light-mode.mode-64bit .retro-header{background:#ffffffd9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid var(--border-color)}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:15px 20px;transition:padding .5s ease}body.mode-64bit .header-container{padding:18px 20px}.logo-area{display:flex;align-items:center}.logo-link{display:flex;align-items:center;gap:12px;color:var(--color-text);text-decoration:none}.retro-logo{height:45px;width:auto;image-rendering:pixelated;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}body.mode-64bit .retro-logo{image-rendering:auto;height:38px}.logo-text{font-family:var(--font-title);font-size:18px;font-weight:700;transition:all .3s ease;text-transform:uppercase}body.mode-64bit .logo-text{font-family:var(--font-sans);font-size:24px;font-weight:800;letter-spacing:1px;text-transform:lowercase}.logo-link:hover .retro-logo{transform:translateY(-3px)}body.mode-8bit .logo-link:hover .retro-logo{animation:retro-logo-bounce .4s steps(4) infinite}@keyframes retro-logo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.logo-link:hover .logo-text{color:var(--color-primary)}body.mode-64bit .logo-link:hover .retro-logo{transform:scale(1.08) rotate(3deg);filter:drop-shadow(0 0 8px rgba(0,240,255,.4));animation:none}body.mode-64bit .logo-link:hover .logo-text{color:var(--color-primary-64);text-shadow:0 0 10px rgba(0,240,255,.3)}.retro-nav ul{display:flex;list-style:none;gap:20px;align-items:center}.nav-link{font-family:var(--font-title);font-size:10px;color:var(--color-text);padding:8px 4px;border-bottom:4px solid transparent;transition:all .5s ease}body.mode-64bit .nav-link{font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:.5px;padding:6px 0}.nav-link:hover,.nav-link.active{color:var(--color-secondary);border-bottom:4px solid var(--color-secondary)}body.mode-64bit .nav-link:hover,body.mode-64bit .nav-link.active{color:var(--color-primary-64);border-bottom:2px solid var(--color-primary-64)}.btn-header{padding:8px 16px}.console-controls{display:flex;gap:15px;align-items:center}.control-group{display:flex;flex-direction:column;align-items:center;gap:4px}.control-label{font-family:var(--font-title);font-size:7px;color:var(--color-text-muted);transition:all .5s ease}body.mode-64bit .control-label{font-family:var(--font-sans);font-size:9px;font-weight:700}.btn-toggle-switch{background-color:#000;border:2px solid var(--border-color);padding:2px;display:inline-flex;gap:2px;cursor:pointer;box-shadow:2px 2px 0 0 var(--shadow-color);font-family:var(--font-title);font-size:8px;transition:all .3s ease}.btn-toggle-switch .switch-opt{padding:3px 6px;color:var(--color-text-muted);transition:all .1s steps(2);display:inline-block}body.mode-8bit .btn-toggle-switch:not(.active) .inactive-val{background-color:var(--color-text);color:#000}body.mode-8bit .btn-toggle-switch.active .active-val{background-color:var(--color-primary);color:#000}body.light-mode.mode-8bit .btn-toggle-switch.active .active-val{background-color:var(--color-primary);color:#fff}body.light-mode.mode-8bit .btn-toggle-switch:not(.active) .inactive-val{background-color:var(--color-text);color:#fff}body.mode-64bit .btn-toggle-switch{font-family:var(--font-sans);font-size:10px;font-weight:600;background-color:#0f172a99;border:1px solid rgba(255,255,255,.15);box-shadow:none;border-radius:30px;padding:3px;gap:2px}body.mode-64bit .btn-toggle-switch .switch-opt{padding:4px 12px;border-radius:20px;color:#ffffff73;transition:all .3s cubic-bezier(.4,0,.2,1)}body.mode-64bit .btn-toggle-switch:not(.active) .inactive-val{background-color:#ffffff26;color:#fff;box-shadow:0 2px 6px #0003}body.mode-64bit .btn-toggle-switch.active .active-val{background-color:var(--color-primary-64);color:#04060a;box-shadow:0 2px 8px #00f0ff59}body.light-mode.mode-64bit .btn-toggle-switch{background-color:#0f172a14;border:1px solid rgba(15,23,42,.12)}body.light-mode.mode-64bit .btn-toggle-switch .switch-opt{color:#0f172a8c}body.light-mode.mode-64bit .btn-toggle-switch:not(.active) .inactive-val{background-color:#fff;color:var(--color-text);box-shadow:0 2px 6px #0f172a1f}body.light-mode.mode-64bit .btn-toggle-switch.active .active-val{background-color:var(--color-primary-64);color:#fff;box-shadow:0 2px 8px #3730a340}.mobile-menu-btn{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:4px}.mobile-menu-btn .bar{width:25px;height:4px;background-color:var(--color-text);transition:all .3s ease}.mobile-nav{display:none;background-color:var(--bg-primary);border-bottom:4px solid var(--border-color);padding:20px}body.mode-64bit .mobile-nav{border-bottom:1px solid var(--border-color)}.mobile-nav ul{display:flex;flex-direction:column;gap:15px;list-style:none}.mobile-nav-link{font-family:var(--font-title);font-size:12px;color:var(--color-text);display:block;padding:10px 0}body.mode-64bit .mobile-nav-link{font-family:var(--font-sans);font-size:16px;font-weight:600}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:80px;overflow:hidden}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;transition:opacity 1s cubic-bezier(.4,0,.2,1)}.video-bg.active{opacity:1;z-index:1}body.mode-8bit #hero-video-8bit{filter:contrast(1.3) saturate(1.4) brightness(.4) hue-rotate(-10deg)}body.mode-8bit.light-mode #hero-video-8bit{filter:contrast(1) saturate(.6) brightness(1.1) hue-rotate(0deg);opacity:.3}body.mode-64bit #hero-video-64bit{filter:brightness(.55) contrast(1.05) saturate(1.15)}body.light-mode.mode-64bit #hero-video-64bit{filter:brightness(1) contrast(.9) saturate(.85);opacity:.15}.video-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transition:opacity .5s ease}body.mode-8bit .video-grid-overlay{background-image:linear-gradient(0deg,#0006 50%,#0009 50%),linear-gradient(90deg,#0006 50%,#0009 50%);background-size:4px 4px}body.mode-8bit.light-mode .video-grid-overlay{background-image:linear-gradient(0deg,#ffffff4d 50%,#ffffff80 50%),linear-gradient(90deg,#ffffff4d 50%,#ffffff80 50%)}body.mode-64bit .video-grid-overlay{opacity:0!important}.hero-content{position:relative;z-index:10;width:100%;max-width:800px;padding:20px}.hero-title{font-size:24px;margin-bottom:20px;color:var(--color-primary)}.hero-subtitle{font-size:20px;margin-bottom:30px;color:var(--color-text-muted)}.hero-actions{display:flex;gap:20px;flex-wrap:wrap}.hero-card.modern-glass{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 15px 40px var(--shadow-color);overflow:hidden}.hero-title-modern{font-size:38px;font-weight:800;line-height:1.3;margin-bottom:20px;background:linear-gradient(135deg,#00f0ff,#7000ff,#ff007f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#00f0ff}body.light-mode.mode-64bit .hero-title-modern{background:linear-gradient(135deg,#08c,#5d00cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle-modern{font-size:17px;color:var(--color-text-muted);margin-bottom:35px;line-height:1.6}.hero-actions-modern{display:flex;gap:15px;flex-wrap:wrap}.scroll-prompt{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:10}.scroll-text{font-family:var(--font-title);font-size:10px;color:var(--color-primary);letter-spacing:1px;text-transform:uppercase;text-shadow:2px 2px 0px rgba(0,0,0,.8);animation:retro-blink 1.5s steps(2,start) infinite}.scroll-arrow{display:block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-primary);filter:drop-shadow(2px 2px 0px rgba(0,0,0,.8));animation:retro-bounce 1.2s infinite steps(4)}@keyframes retro-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes retro-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.scroll-prompt-modern{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10}.scroll-text-modern{font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase}.scroll-arrow-modern{width:8px;height:8px;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);animation:bounce-modern 2s infinite}@keyframes bounce-modern{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(8px) rotate(45deg)}}.retro-section{padding:80px 0;position:relative;border-bottom:4px solid var(--border-color);transition:all .5s ease}body.mode-64bit .retro-section{padding:100px 0;border-bottom:1px solid var(--border-color)}.section-header-pixel{margin-bottom:60px;transition:all .5s ease}body.mode-64bit .section-header-pixel{margin-bottom:70px}.section-title{font-size:22px;color:var(--color-secondary);margin-bottom:12px}.section-title-modern{font-size:32px;font-weight:800;background:linear-gradient(135deg,#fff 0%,var(--color-text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#fff;margin-bottom:12px}body.light-mode.mode-64bit .section-title-modern{background:none;-webkit-text-fill-color:initial;color:#111827}.section-subtitle{font-size:18px;color:var(--color-text-muted)}.section-subtitle-modern{font-size:16px;color:var(--color-text-muted)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.skill-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px}body.mode-64bit .skill-card{padding:35px 30px;align-items:flex-start;text-align:left}.skill-icon-wrapper{margin-bottom:24px;display:flex;justify-content:center;align-items:center;color:var(--color-primary);transition:color .5s ease}body.mode-64bit .skill-icon-wrapper{color:var(--color-primary-64);margin-bottom:20px}.pixel-icon svg{image-rendering:pixelated;transition:all .5s ease}body.mode-64bit .pixel-icon svg{image-rendering:auto}.card-h3{font-size:14px;color:var(--color-text);margin-bottom:15px;transition:all .5s ease}body.mode-64bit .card-h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:10px}body.light-mode.mode-64bit .card-h3{color:#111827}.skill-description{font-size:16px;color:var(--color-text-muted);margin-bottom:24px;flex-grow:1}body.mode-64bit .skill-description{font-size:14px;line-height:1.6}.skill-specs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}body.mode-64bit .skill-specs{justify-content:flex-start}.spec-tag{font-family:var(--font-mono);font-size:18px;border:2px solid var(--border-color);padding:2px 8px;background-color:var(--bg-secondary);transition:all .5s ease}body.mode-64bit .spec-tag{font-family:var(--font-sans);font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.08);background-color:#ffffff08;color:var(--color-secondary-64);border-radius:4px;padding:3px 10px}.hover-float:hover{transform:translateY(-8px);box-shadow:10px 10px 0 0 var(--shadow-color)}body.mode-64bit .hover-float:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0006;border-color:#00f0ff4d}body.mode-8bit.dark-mode .hover-float:hover{border-color:var(--color-primary)}.profile-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.pixel-heading,.modern-heading{font-size:13px;color:var(--color-primary);margin-bottom:20px}body.mode-64bit .modern-heading{font-size:16px;font-weight:700;color:var(--color-primary-64);margin-bottom:15px}.bio-text{margin-bottom:15px;font-size:17px}body.mode-64bit .bio-text{font-size:15px;line-height:1.7}.attributes-bars{margin-top:30px;display:flex;flex-direction:column;gap:15px}.bar-group{display:flex;align-items:center;justify-content:space-between;gap:15px}.bar-label{font-family:var(--font-title);font-size:8px;width:150px;flex-shrink:0;transition:all .5s ease}body.mode-64bit .bar-label{font-family:var(--font-sans);font-size:12px;font-weight:600;width:140px}.bar-container{height:22px;background-color:#000;flex-grow:1;padding:3px}body.mode-64bit .bar-container{height:12px;background-color:#ffffff0d;border-radius:6px;padding:2px}.bar-fill{height:100%}body.mode-64bit .bar-fill{border-radius:4px}.green-fill{background-color:var(--color-primary)}.blue-fill{background-color:var(--color-secondary)}.purple-fill{background-color:var(--color-tertiary)}.yellow-fill{background-color:gold}.red-fill{background-color:#f33}body.mode-64bit .green-fill{background-color:#10b981}body.mode-64bit .blue-fill{background-color:#3b82f6}body.mode-64bit .purple-fill{background-color:#8b5cf6}body.mode-64bit .yellow-fill{background-color:#f59e0b}body.mode-64bit .red-fill{background-color:#ef4444}.bar-percent{font-family:var(--font-title);font-size:8px;width:40px;text-align:right;transition:all .5s ease}body.mode-64bit .bar-percent{font-family:var(--font-sans);font-size:12px;font-weight:700}.stack-panel .panel-body{padding:20px}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.tech-item{display:flex;flex-direction:column;align-items:center;padding:15px 10px;cursor:pointer;transition:all var(--transition-speed) ease}.tech-logo{margin-bottom:8px;color:var(--color-text-muted)}.tech-name{font-family:var(--font-title);font-size:8px;transition:all .5s ease}body.mode-64bit .tech-name{font-family:var(--font-sans);font-size:12px;font-weight:600}.tech-item:hover{transform:scale(1.05);background-color:var(--bg-secondary)}body.mode-64bit .tech-item:hover{background-color:#ffffff05;transform:translateY(-2px)}.tech-item:hover .tech-logo{color:var(--color-secondary)}body.mode-64bit .tech-item:hover .tech-logo{color:var(--color-primary-64)}.hover-glow:hover{border-color:var(--color-secondary);box-shadow:0 0 10px var(--color-secondary)}body.mode-64bit .hover-glow:hover{border-color:#00f0ff33;box-shadow:0 8px 25px #00f0ff26}.quests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px}.quest-card{display:flex;flex-direction:column;overflow:hidden}.quest-image-wrapper{position:relative;height:180px;background-color:#000;border-bottom:4px solid var(--border-color);overflow:hidden;transition:all .5s ease}body.mode-64bit .quest-image-wrapper{border-bottom:1px solid var(--border-color)}.crt-preview{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--font-title);font-size:10px;color:var(--color-primary);background:linear-gradient(#12101000 50%,#0006 50%),radial-gradient(circle,#0a0a0a4d,#000000e6);background-size:100% 6px,100% 100%;padding:20px;transition:all .5s ease}body.mode-64bit .crt-preview{font-family:var(--font-sans);font-size:13px;font-weight:600;background:radial-gradient(circle,#7000ff40,#04060ae6);color:var(--color-primary-64)}.crt-preview.cyan-theme{color:var(--color-secondary)}.crt-preview.purple-theme{color:var(--color-tertiary)}body.mode-64bit .crt-preview.cyan-theme{color:var(--color-primary-64)}body.mode-64bit .crt-preview.purple-theme{color:var(--color-tertiary-64)}.preview-text{margin-bottom:15px}.preview-graphics{height:60px;display:flex;align-items:flex-end;justify-content:center}.bar-chart-pixel{display:flex;align-items:flex-end;gap:6px;height:50px;width:120px}.chart-col{flex-grow:1;background-color:var(--color-primary);border:1px solid var(--border-color);transition:all .5s ease}body.mode-64bit .chart-col{background-color:var(--color-primary-64);border:1px solid rgba(255,255,255,.05)}.pixel-face{font-size:20px;color:var(--color-secondary);animation:speak .5s steps(2) infinite alternate}body.mode-64bit .pixel-face{color:var(--color-secondary-64)}@keyframes speak{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.cloud-pixel{display:flex;flex-direction:column;align-items:center;font-size:16px;color:var(--color-tertiary)}body.mode-64bit .cloud-pixel{color:var(--color-tertiary-64)}.quest-status{position:absolute;top:10px;right:10px;font-family:var(--font-title);font-size:8px;padding:4px 8px;border:2px solid #000;transition:all .5s ease}body.mode-64bit .quest-status{font-family:var(--font-sans);font-size:11px;font-weight:700;border:none;border-radius:4px}.status-cleared{background-color:var(--color-primary);color:#000}body.mode-64bit .status-cleared{background-color:var(--color-tertiary-64);color:#fff}.quest-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.quest-h3{font-size:12px;margin-bottom:12px;color:var(--color-text);transition:all .5s ease}body.mode-64bit .quest-h3{font-size:16px;font-weight:700;color:#fff}body.light-mode.mode-64bit .quest-h3{color:#111827}.quest-description{font-size:16px;color:var(--color-text-muted);margin-bottom:20px;flex-grow:1}body.mode-64bit .quest-description{font-size:14px;line-height:1.6}.quest-reward{display:flex;gap:10px;align-items:flex-start;background-color:var(--bg-secondary);padding:10px;border-left:4px solid var(--color-primary);font-size:15px;margin-bottom:20px;transition:all .5s ease}body.mode-64bit .quest-reward{border-left:3px solid var(--color-primary-64);background-color:#ffffff05;border-radius:4px;font-size:14px}.quest-tags{display:flex;gap:8px;flex-wrap:wrap}.quest-tags span{font-family:var(--font-mono);font-size:16px;background-color:var(--bg-primary);border:1px solid var(--border-color);padding:2px 6px;transition:all .5s ease}body.mode-64bit .quest-tags span{font-family:var(--font-sans);font-size:12px;border:1px solid rgba(255,255,255,.05);background-color:#ffffff0a;color:var(--color-text);border-radius:4px}.hover-scale:hover{transform:scale(1.02);box-shadow:8px 8px 0 0 var(--shadow-color)}body.mode-64bit .hover-scale:hover{transform:scale(1.01) translateY(-2px);box-shadow:0 15px 35px #0006;border-color:#00f0ff33}body.mode-8bit.dark-mode .hover-scale:hover{border-color:var(--color-secondary)}.upwork-badge-wrapper{margin-bottom:50px}.upwork-badge{display:inline-block;padding:15px 30px;background-color:var(--bg-secondary);transition:all .5s ease}body.mode-64bit .upwork-badge{background-color:#ffffff05;border:1px solid var(--border-color)}.stars{font-size:18px;margin-bottom:5px}.badge-title,.badge-title-modern{font-family:var(--font-title);font-size:12px;color:var(--color-primary);margin-bottom:4px}body.mode-64bit .badge-title-modern{font-family:var(--font-sans);font-size:16px;font-weight:700;color:var(--color-primary-64)}.badge-sub{font-size:15px;color:var(--color-text-muted)}body.mode-64bit .badge-sub{font-size:13px}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:40px}.review-bubble{padding:0;display:flex;flex-direction:column}.review-bubble .bubble-body{padding:24px;flex-grow:1}body.mode-64bit .review-bubble .bubble-body{font-size:15px;line-height:1.6;font-style:italic}.review-bubble .bubble-footer{border-top:4px solid var(--border-color);padding:12px 24px;display:flex;align-items:center;gap:15px;background-color:var(--bg-secondary);transition:all .5s ease}body.mode-64bit .review-bubble .bubble-footer{border-top:1px solid var(--border-color);background-color:#ffffff03}.reviewer-avatar{font-size:24px}.reviewer-info{display:flex;flex-direction:column}.reviewer-name{font-family:var(--font-title);font-size:9px;color:var(--color-secondary);margin-bottom:4px;transition:all .5s ease}body.mode-64bit .reviewer-name{font-family:var(--font-sans);font-size:14px;font-weight:600;color:#fff}body.light-mode.mode-64bit .reviewer-name{color:#111827}.reviewer-role{font-size:14px;color:var(--color-text-muted)}body.mode-64bit .reviewer-role{font-size:12px}.contact-layout{display:grid;grid-template-columns:1fr;max-width:650px;margin:0 auto;gap:40px}.form-group-retro{margin-bottom:20px}.form-label-bit{display:block;font-family:var(--font-title);font-size:9px;color:var(--color-text-muted);margin-bottom:8px;transition:all .5s ease}body.mode-64bit .form-label-bit{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.5px}.input-wrapper{display:flex;align-items:center;padding:8px 12px;background-color:#0006}body.mode-64bit .input-wrapper{background-color:#ffffff08;border-radius:8px}body.light-mode .input-wrapper{background-color:#fff6}body.light-mode.mode-64bit .input-wrapper{background-color:#fff;border:1px solid rgba(15,23,42,.2)}.cursor-arrow{font-family:var(--font-title);font-size:12px;color:var(--color-primary);margin-right:10px;transition:all .5s ease}body.mode-8bit .cursor-arrow{animation:text-blink 1s infinite}body.mode-64bit .cursor-arrow{color:var(--color-primary-64)}.input-wrapper input,.input-wrapper textarea{background:none;border:none;outline:none;width:100%;color:var(--color-text);font-family:var(--font-body);font-size:18px}body.mode-64bit .input-wrapper input,body.mode-64bit .input-wrapper textarea{font-family:var(--font-sans);font-size:14px}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:#8e90a680}.btn-submit{margin-top:10px}.success-screen{text-align:center;padding:20px 0}.success-title,.success-title-modern{font-family:var(--font-title);font-size:14px;color:var(--color-primary);margin-bottom:20px;transition:all .5s ease}body.mode-64bit .success-title-modern{font-family:var(--font-sans);font-size:18px;font-weight:700;color:var(--color-primary-64)}.success-console{background-color:#000;color:#0f0;font-family:var(--font-mono);font-size:20px;text-align:left;padding:15px;border:2px solid var(--border-color);margin-bottom:25px;min-height:120px;transition:all .5s ease}body.mode-64bit .success-console{background-color:#0000004d;color:var(--color-text);font-family:var(--font-sans);font-size:14px;border:1px solid var(--border-color);border-radius:8px}.social-info-text{margin-bottom:15px}.social-links-grid{display:flex;flex-direction:column;gap:15px;margin:30px 0}.social-link-item{display:flex;align-items:center;gap:15px;padding:15px 20px;color:var(--color-text)}.social-link-item:hover{background-color:var(--color-secondary);color:#000}body.mode-64bit .social-link-item:hover{background-color:#ffffff0d;color:var(--color-primary-64);border-color:var(--color-primary-64)}.social-icon{font-size:22px}.social-text{font-family:var(--font-title);font-size:10px;transition:all .5s ease}body.mode-64bit .social-text{font-family:var(--font-sans);font-size:14px;font-weight:600}.footer-fineprint{margin-top:40px;font-family:var(--font-title);font-size:7px;color:var(--color-text-muted);line-height:2;transition:all .5s ease}body.mode-64bit .footer-fineprint{font-family:var(--font-sans);font-size:11px}body.mode-64bit .tech-item[data-tech=Laravel] .tech-logo{color:#ff2d20}body.mode-64bit .tech-item[data-tech="Vue.js"] .tech-logo{color:#4fc08d}body.mode-64bit .tech-item[data-tech=Python] .tech-logo{color:#3776ab}body.mode-64bit .tech-item[data-tech=MariaDB] .tech-logo{color:#00f0ff}body.mode-64bit .tech-item[data-tech=Docker] .tech-logo{color:#2496ed}body.mode-64bit .tech-item[data-tech=Git] .tech-logo{color:#f05032}body.mode-64bit .tech-item[data-tech=Claude] .tech-logo{color:#d97736}body.mode-64bit .tech-item[data-tech=Ollama] .tech-logo{color:#cbd5e1}body.mode-64bit .tech-item[data-tech=Gemini] .tech-logo{color:#4285f4}body.mode-64bit .tech-item[data-tech=Antigravity] .tech-logo{color:#a78bfa}body.mode-64bit .crt-preview{background-size:100% 100%!important}body.mode-64bit .crt-preview svg{width:100%;height:100%;max-height:80px;filter:drop-shadow(0 0 6px rgba(0,240,255,.4))}body.mode-64bit .modern-icon svg{filter:drop-shadow(0 0 10px rgba(0,240,255,.3))}@media (max-width: 900px){html{scroll-padding-top:130px}body{font-size:16px}.header-container{display:flex;justify-content:space-between;align-items:center;padding:10px 15px}.logo-area{order:1}.console-controls{order:2;margin-left:auto;margin-right:15px;border:none;padding:0;gap:0}.mobile-menu-btn{order:3}.profile-layout,.contact-layout{grid-template-columns:1fr}.bar-label{width:100px}.retro-nav{display:none}.mobile-menu-btn{display:flex}.mobile-menu-btn.active .bar:nth-child(1){transform:translateY(10px) rotate(45deg)}.mobile-menu-btn.active .bar:nth-child(2){opacity:0}.mobile-menu-btn.active .bar:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.mobile-nav.open{display:block}.hero-section{padding-top:150px}.hero-title,.hero-title-modern{font-size:20px}.hero-subtitle,.hero-subtitle-modern{font-size:16px}}@media (max-width: 600px){.hero-section{padding-top:140px;padding-bottom:40px}.hero-title,.hero-title-modern{font-size:17px;margin-bottom:12px}.hero-subtitle,.hero-subtitle-modern{font-size:13px;margin-bottom:16px;line-height:1.5}.card-body,.glass-body{padding:16px}.hero-actions,.hero-actions-modern{flex-direction:column;width:100%;gap:10px}.hero-actions .btn-retro,.hero-actions-modern .btn-modern{width:100%;padding:10px 14px;font-size:10px}.scroll-prompt,.scroll-prompt-modern{display:none!important}.skills-grid,.quests-grid,.reviews-grid{grid-template-columns:1fr}.bar-group{flex-direction:column;align-items:flex-start;gap:4px}.bar-label,.bar-container{width:100%}.bar-percent{width:auto;align-self:flex-end}}@media (max-width: 480px){.console-controls{gap:4px}.btn-toggle-switch .switch-opt{padding:2px 4px;font-size:8px}body.mode-64bit .btn-toggle-switch .switch-opt{padding:3px 8px;font-size:9px}.control-label{font-size:6px}}.onboarding-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;z-index:99;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;pointer-events:auto}body.onboarding-active .onboarding-overlay{opacity:1;visibility:visible}body.onboarding-active .retro-header{z-index:102!important}body.onboarding-active .logo-area,body.onboarding-active .retro-nav,body.onboarding-active .mobile-menu-btn,body.onboarding-active .control-group:not(.onboarding-highlight){opacity:.25!important;pointer-events:none!important;transition:all .35s ease}.control-group.onboarding-highlight{position:relative;z-index:103!important;transform:scale(1.1);background:#ffffff1f;border-radius:6px;box-shadow:0 0 15px var(--color-primary);transition:all .35s cubic-bezier(.175,.885,.32,1.275)}body.mode-64bit .control-group.onboarding-highlight{box-shadow:0 0 20px var(--color-primary-64);background:#ffffff0d}.onboarding-card{position:fixed;top:55%;left:50%;transform:translate(-50%,-45%) scale(.95);z-index:105;width:90%;max-width:440px;box-sizing:border-box;opacity:0;visibility:hidden;transition:all .35s cubic-bezier(.175,.885,.32,1.275);padding:24px}.onboarding-card.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.tour-header,.tour-header-modern{display:flex;align-items:center;gap:15px;border-bottom:2px solid var(--border-color);padding-bottom:12px;margin-bottom:16px}.tour-title-area,.tour-title-area-modern{display:flex;flex-direction:column;gap:4px;flex-grow:1}.tour-mascot-name{font-family:var(--font-title);font-size:13px;font-weight:700;color:var(--color-primary)}.tour-mascot-name-modern{font-family:var(--font-sans);font-size:18px;font-weight:800;background:linear-gradient(135deg,#00f0ff,#7000ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tour-progress{font-family:var(--font-mono);font-size:15px;color:var(--color-text-muted)}.tour-progress-modern{font-family:var(--font-sans);font-size:14px;color:var(--color-text-muted);font-weight:600}.tour-close,.tour-close-modern{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.tour-close:hover,.tour-close-modern:hover{color:var(--color-primary)}.tour-body,.tour-body-modern{min-height:80px;line-height:1.6;margin-bottom:20px}body.mode-8bit .tour-body{font-family:var(--font-body);font-size:15px}body.mode-64bit .tour-body-modern{font-family:var(--font-sans);font-size:16.5px;color:var(--color-text)}.tour-step-content p,.tour-step-content-modern p{margin:0}.tour-step-content strong{color:var(--color-primary)}.tour-step-content-modern strong{color:var(--color-primary-64);font-weight:700}.tour-footer,.tour-footer-modern{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--border-color);padding-top:16px}.tour-footer .btn-small{font-size:11px}.tour-footer-modern .btn-small-modern{font-size:13.5px}.tour-nav-btns,.tour-nav-btns-modern{display:flex;gap:10px}.pixel-mascot,.modern-mascot{animation:mascot-float 3s ease-in-out infinite}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width: 600px){.onboarding-card{width:92%;padding:16px;top:auto;bottom:20px;left:5%;transform:translateY(20px) scale(.95)}.onboarding-card.active{transform:translateY(0) scale(1);left:4%}.tour-body,.tour-body-modern{min-height:60px}body.mode-8bit .tour-body{font-size:13px}body.mode-64bit .tour-body-modern{font-size:14.5px}}.console-controls{position:relative}.config-dropdown{position:absolute;top:calc(100% + 15px);right:0;width:280px;background-color:var(--bg-card);z-index:104;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.config-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}body.mode-64bit .config-dropdown{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-color);box-shadow:0 10px 30px var(--shadow-color)}.dropdown-content{display:flex;flex-direction:column;gap:15px;padding:20px}.dropdown-content .control-group{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;gap:15px;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:12px}body.light-mode .dropdown-content .control-group{border-bottom:1px dashed rgba(0,0,0,.1)}.dropdown-content .control-group:last-child{border-bottom:none;padding-bottom:0}.dropdown-content .control-label{font-size:10px;font-weight:700;align-self:center;color:var(--color-text)}body.mode-64bit .dropdown-content .control-label{font-family:var(--font-sans);font-size:12px;font-weight:700}.btn-config-modern{display:inline-flex!important;align-items:center;gap:8px}.btn-config-modern svg{transition:transform .5s ease}.btn-config-modern.active svg{transform:rotate(45deg)}body.mode-8bit .btn-config.active{background-color:var(--color-primary)!important;color:#000!important;border-color:var(--color-primary)!important}body.mode-8bit.light-mode .btn-config.active{background-color:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}body.mode-8bit .btn-config.active .btn-inner{color:inherit!important;background-color:transparent!important}body.mode-64bit .btn-config-modern.active{color:var(--color-primary-64)!important;border-color:var(--color-primary-64)!important;box-shadow:0 0 15px #00f0ff4d!important}.show-mobile{display:none!important}@media (max-width: 600px){.hide-mobile{display:none!important}.show-mobile{display:inline-block!important}.btn-config{padding:6px 10px!important}.btn-config-modern{padding:8px!important;gap:0!important;min-width:36px;height:36px;border-radius:6px!important}.btn-config-modern span{display:none!important}}.skill-file-id{font-family:var(--font-mono);font-size:14px;color:var(--color-secondary);margin-top:-10px;margin-bottom:12px;letter-spacing:1px}body.mode-64bit .skill-file-id-modern{font-family:var(--font-mono);font-size:11px;color:var(--color-primary-64);opacity:.8;margin-top:-10px;margin-bottom:12px;letter-spacing:.5px}.skill-unlocked{font-family:var(--font-body);font-size:11px;background-color:#ffffff0a;border-left:4px solid var(--color-primary);padding:8px 12px;margin:15px 0;text-align:left;line-height:1.5;color:var(--color-text);box-sizing:border-box}body.light-mode .skill-unlocked{background-color:#00000008}body.mode-64bit .skill-unlocked{font-family:var(--font-sans);font-size:13px;border-left:4px solid var(--color-primary-64);background-color:#ffffff05;border-radius:0 6px 6px 0;color:var(--color-text-muted)}.avatar-wrapper.only-8bit{margin-bottom:15px;display:flex;justify-content:flex-start}.retro-avatar-img{width:80px;height:80px;border:4px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.avatar-wrapper-modern.only-64bit{margin-bottom:20px;display:flex;justify-content:flex-start}.modern-avatar-img{width:90px;height:90px;border-radius:50%;border:2px solid var(--color-primary-64);box-shadow:0 4px 20px #00f0ff40;transition:transform .3s ease,box-shadow .3s ease}.modern-avatar-img:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 6px 25px #00f0ff73}body.light-mode.mode-64bit .modern-avatar-img{box-shadow:0 4px 20px #3730a326;border-color:var(--color-primary-64)}body.light-mode.mode-64bit .modern-avatar-img:hover{box-shadow:0 6px 25px #3730a34d}