.retro-nav{background:linear-gradient(180deg,#0d0221,#1a0a2e);border-bottom:3px solid var(--color-primary);padding:.4rem 1rem;position:sticky;top:0;z-index:100}.retro-nav .nav-container{max-width:100%;margin:0 auto;display:flex;flex-wrap:nowrap;align-items:center;gap:.3rem;overflow:hidden}.retro-nav .nav-logo{font-family:var(--font-heading);font-size:.9rem;color:var(--color-secondary);text-decoration:none;white-space:nowrap;flex-shrink:0;margin-right:.3rem;letter-spacing:1px}.retro-nav .nav-logo:hover{color:var(--color-primary);text-decoration:none}.retro-nav .nav-links{display:flex;flex-wrap:nowrap;gap:.2rem;align-items:center;min-width:0;flex:1;justify-content:flex-end}.retro-nav .nav-link{padding:.25rem .4rem;font-size:.75rem;font-family:var(--font-main);color:var(--color-text);text-decoration:none;border:1px solid transparent;transition:all .2s;white-space:nowrap;letter-spacing:.5px;flex-shrink:1}.retro-nav .nav-link:hover{color:var(--color-secondary);border-color:var(--color-secondary);text-decoration:none}.retro-nav .nav-link.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.retro-nav .lang-switch{margin-left:.3rem;border:2px dashed var(--color-accent)!important;color:var(--color-accent)!important}.retro-nav .hamburger{display:none;background:none;border:2px dashed var(--color-card-border);padding:.5rem;cursor:pointer;flex-direction:column;gap:4px;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;flex-shrink:0}.retro-nav .hamburger-line{display:block;width:1.1rem;height:2px;background:var(--color-secondary);transition:transform .3s,opacity .3s}.retro-nav .hamburger.open .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.retro-nav .hamburger.open .hamburger-line:nth-child(2){opacity:0}.retro-nav .hamburger.open .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.retro-nav .nav-overlay{display:none}@media(max-width:900px){.retro-nav .nav-container{gap:.2rem .3rem}.retro-nav .nav-link{font-size:.65rem;padding:.2rem .3rem}.retro-nav .nav-logo{font-size:.75rem}.retro-nav .theme-switch{font-size:.55rem;gap:.15rem;padding:.15rem .3rem}.retro-nav .theme-switch-btn{font-size:.5rem;padding:.05rem .25rem}}@media(max-width:600px){.retro-nav{padding:.4rem .5rem}.retro-nav .nav-container{flex-wrap:nowrap}.retro-nav .hamburger{display:flex}.retro-nav .nav-logo{font-size:.75rem}.retro-nav .hamburger{margin-left:auto}.retro-nav .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#0d0221;border-bottom:3px solid var(--color-primary);flex-direction:column;padding:.5rem 0;z-index:200;max-height:calc(100vh - 3rem);overflow-y:auto}.retro-nav .nav-links.open{display:flex}.retro-nav .nav-link{font-size:.85rem;padding:.7rem 1.2rem;border:none;border-left:3px solid transparent}.retro-nav .nav-link:hover{border-left-color:var(--color-secondary)}.retro-nav .nav-link.active{border-left-color:var(--color-primary);background:#ff6b3526}.retro-nav .theme-switch{margin:.5rem 1.2rem;padding:.4rem .6rem;font-size:.7rem;justify-content:center}.retro-nav .theme-switch-btn{font-size:.65rem;padding:.15rem .5rem}.retro-nav .nav-overlay.open{display:block;position:fixed;inset:0;z-index:150}}:root{--color-bg: #1a0a2e;--color-bg-secondary: #16213e;--color-primary: #ff6b35;--color-secondary: #f7c948;--color-accent: #e84393;--color-text: #f0f0f0;--color-text-muted: #b0b0b0;--color-card-bg: rgba(255, 255, 255, .05);--color-card-border: rgba(255, 255, 255, .1);--color-success: #00b894;--color-error: #d63031;--font-main: "Courier New", Courier, monospace;--font-heading: "Impact", "Arial Black", sans-serif;--border-radius: 0;--shadow-glow: 0 0 20px rgba(255, 107, 53, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;font-weight:700;background-image:radial-gradient(circle at 20% 50%,rgba(255,107,53,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(232,67,147,.1) 0%,transparent 50%)}a{color:var(--color-secondary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);text-transform:uppercase;letter-spacing:2px}.container{max-width:900px;margin:0 auto;padding:2rem 1rem}.card{background:var(--color-card-bg);border:2px solid var(--color-card-border);padding:1.5rem;margin-bottom:1.5rem}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-secondary);font-weight:700;text-transform:uppercase;font-size:.85rem}.form-group label:has(input[type=checkbox]){display:flex;align-items:center;gap:.6rem;cursor:pointer;user-select:none}.form-group input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.1rem;height:1.1rem;min-width:1.1rem;background:var(--color-bg-secondary);border:2px solid var(--color-card-border);cursor:pointer;position:relative;flex-shrink:0}.form-group input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-secondary)}.form-group input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-bg);font-size:.8rem;font-weight:700;line-height:1}.form-group input[type=checkbox]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px #ff6b354d}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:var(--color-bg-secondary);border:2px solid var(--color-card-border);color:var(--color-text);font-family:var(--font-main);font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px #ff6b354d}.btn{display:inline-block;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:3px solid var(--color-secondary);font-family:var(--font-heading);font-size:1rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s}.btn:hover{background:var(--color-secondary);color:var(--color-bg);transform:scale(1.05);box-shadow:0 0 20px #f7c94880}.btn-small{padding:.5rem 1rem;font-size:.85rem}.result{background:var(--color-bg-secondary);border:3px dashed var(--color-success);padding:1.5rem;margin-top:1.5rem;text-align:center}.result h2{color:var(--color-success);font-size:1.5rem;margin-bottom:1rem}.result .big-number{font-size:3rem;font-family:var(--font-heading);color:var(--color-secondary);text-shadow:2px 2px 0 var(--color-primary)}.phrase{font-style:italic;color:var(--color-accent);padding:1rem;border-left:4px solid var(--color-accent);margin-top:1rem;background:#e843931a}.marquee{background:var(--color-primary);color:var(--color-bg);padding:.5rem;font-family:var(--font-heading);text-transform:uppercase;overflow:hidden;white-space:nowrap}.marquee-text{display:inline-block;animation:marquee 15s linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.holiday-notice{color:var(--color-accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;padding:.5rem;margin-top:1rem;text-align:center;border:1px solid var(--color-card-border);background:var(--color-bg-secondary)}.blink{animation:blink-animation 1s steps(2,start) infinite}@keyframes blink-animation{to{visibility:hidden}}.myspace-counter{display:inline-flex;margin:0 .3rem;vertical-align:middle}.counter-digit{display:inline-block;width:1.2rem;height:1.5rem;line-height:1.5rem;text-align:center;background:#000;color:#0f0;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;border:1px solid #333;border-right:none;text-shadow:0 0 5px #0f0}.counter-digit:last-child{border-right:1px solid #333}.retro-footer{text-align:center;padding:2rem 1rem;border-top:2px solid var(--color-card-border);margin-top:3rem;font-size:.85rem;color:var(--color-text-muted)}.theme-switch{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-main);font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);flex-shrink:0;white-space:nowrap;border:2px dashed var(--color-accent);padding:.2rem .4rem;margin-left:.3rem}.theme-switch-label{color:var(--color-text-muted);white-space:nowrap}.theme-switch-btn{background:transparent;border:1px solid transparent;color:var(--color-text-muted);font-family:var(--font-main);font-size:.6rem;text-transform:uppercase;letter-spacing:1px;padding:.1rem .35rem;cursor:pointer;transition:all .15s;line-height:1;flex-shrink:0}.theme-switch-btn:hover{color:var(--color-accent)}.theme-switch-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}@media(max-width:768px){.container{padding:1rem .5rem}.result .big-number{font-size:2rem}h1{font-size:1.5rem}h2{font-size:1.2rem}}[data-theme="80s-office"]{--color-bg: #c8b89a;--color-bg-secondary: #2a2520;--color-primary: #6b5b3e;--color-secondary: #b89b3e;--color-accent: #2d6b27;--color-text: #2a2520;--color-text-muted: #6b5b4a;--color-card-bg: rgba(42, 37, 32, .06);--color-card-border: rgba(42, 37, 32, .25);--color-success: #2d6b27;--color-error: #8b2500;--font-main: "Courier New", Courier, monospace;--font-heading: "Impact", "Arial Black", sans-serif;--shadow-glow: none}[data-theme="80s-office"] body{background-color:var(--color-bg);background-image:none}[data-theme="80s-office"] body:after{display:none}[data-theme="80s-office"] h1,[data-theme="80s-office"] h2,[data-theme="80s-office"] h3,[data-theme="80s-office"] h4,[data-theme="80s-office"] h5,[data-theme="80s-office"] h6{color:var(--color-primary)}[data-theme="80s-office"] a{color:var(--color-secondary)}[data-theme="80s-office"] a:hover{color:var(--color-accent)}[data-theme="80s-office"] .card{background:#2a25200a;border:2px solid var(--color-card-border)}[data-theme="80s-office"] .card:hover{border-color:var(--color-primary)}[data-theme="80s-office"] .btn{background:var(--color-primary);color:var(--color-bg);border:2px solid var(--color-secondary)}[data-theme="80s-office"] .btn:hover{background:var(--color-secondary);color:var(--color-bg)}[data-theme="80s-office"] .form-group label{color:var(--color-primary)}[data-theme="80s-office"] .form-group input,[data-theme="80s-office"] .form-group select,[data-theme="80s-office"] .form-group textarea{background:#2a25200f;border:2px solid var(--color-card-border);color:var(--color-text)}[data-theme="80s-office"] .form-group input:focus,[data-theme="80s-office"] .form-group select:focus,[data-theme="80s-office"] .form-group textarea:focus{border-color:var(--color-accent)}[data-theme="80s-office"] .form-group input[type=checkbox]{background:#2a25200f;border:2px solid var(--color-card-border)}[data-theme="80s-office"] .form-group input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-primary)}[data-theme="80s-office"] .result{background:#2a25200f;border:2px solid var(--color-accent)}[data-theme="80s-office"] .result h2{color:var(--color-accent)}[data-theme="80s-office"] .result .big-number{color:var(--color-secondary)}[data-theme="80s-office"] .phrase{color:var(--color-accent);border-left-color:var(--color-accent);background:#2d6b2714}[data-theme="80s-office"] .marquee{background:var(--color-primary);color:var(--color-bg)}[data-theme="80s-office"] .holiday-notice{overflow:hidden;white-space:nowrap;background:transparent;border:none;padding:.5rem 0;margin-top:1rem}[data-theme="80s-office"] .holiday-notice-text{display:inline-block;white-space:nowrap;animation:marquee 15s linear infinite;color:#8b7355;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}[data-theme="80s-office"] .counter-digit{background:#1a1a1a;color:var(--color-accent);border-color:#333}[data-theme="80s-office"] .retro-footer{border-top-color:var(--color-primary);background:none!important}[data-theme="80s-office"] .footer-link-title{color:var(--color-primary)}[data-theme="80s-office"] .retro-nav{background:linear-gradient(180deg,#2a2520,#3a3530);border-bottom:2px solid var(--color-secondary)}[data-theme="80s-office"] .retro-nav .nav-logo{color:var(--color-secondary)}[data-theme="80s-office"] .retro-nav .nav-logo:hover{color:var(--color-accent)}[data-theme="80s-office"] .retro-nav .nav-link{color:#c8b89a;border:1px solid transparent}[data-theme="80s-office"] .retro-nav .nav-link:hover{color:var(--color-secondary);border-color:var(--color-secondary)}[data-theme="80s-office"] .retro-nav .nav-link.active{background:var(--color-secondary);color:#2a2520;border-color:var(--color-secondary)}[data-theme="80s-office"] .retro-nav .lang-switch{border:2px dashed var(--color-accent)!important;color:var(--color-accent)!important}[data-theme="80s-office"] .retro-nav .hamburger-line{background:var(--color-secondary)}[data-theme="80s-office"] .retro-nav .hamburger{border-color:var(--color-secondary)}[data-theme="80s-office"] .theme-switch{border:2px solid var(--color-secondary);background:#2a252014}[data-theme="80s-office"] .theme-switch-btn{background:#c8b89a;color:#2a2520;border:2px outset #ddd;font-weight:700;padding:.15rem .4rem}[data-theme="80s-office"] .theme-switch-btn:hover{border-style:inset;background:#b8a88a}[data-theme="80s-office"] .theme-switch-btn.active{border-style:inset;background:var(--color-secondary);color:#2a2520}@media(max-width:600px){[data-theme="80s-office"] .retro-nav .nav-links{background:#2a2520;border-bottom-color:var(--color-secondary)}[data-theme="80s-office"] .retro-nav .nav-link.active{background:#b89b3e26;border-left-color:var(--color-secondary)}[data-theme="80s-office"] .retro-nav .nav-link:hover{border-left-color:var(--color-secondary)}[data-theme="80s-office"] .retro-nav .theme-switch{border-color:var(--color-secondary);background:#c8b89a1a}[data-theme="80s-office"] .retro-nav .theme-switch-btn{background:#c8b89a;color:#2a2520;border:2px outset #ddd}[data-theme="80s-office"] .retro-nav .theme-switch-btn.active{border-style:inset;background:var(--color-secondary)}}[data-theme="80s-office"] .tool-card{background:#2a25200a;border:2px solid var(--color-card-border)}[data-theme="80s-office"] .tool-card:hover{border-color:var(--color-secondary)}[data-theme="80s-office"] .tool-card h2{color:var(--color-primary)}[data-theme="80s-office"] .tool-card p{color:var(--color-text-muted)}[data-theme="80s-office"] .home-hero{border-bottom:2px dashed var(--color-primary);position:relative}[data-theme="80s-office"] .home-hero h1{color:var(--color-primary);font-size:2.8rem;letter-spacing:3px}[data-theme="80s-office"] .home-hero .hero-subtitle{color:var(--color-text-muted);font-weight:700}[data-theme="80s-office"] .home-hero .hero-phrase{color:var(--color-accent);border-left-color:var(--color-accent)}[data-theme="80s-office"] .gifs-row{display:flex}[data-theme="80s-office"] .terminal-panel,[data-theme="80s-office"] .office-module{display:block;border:2px solid var(--color-card-border);background:#1a1a1a;padding:0}[data-theme="80s-office"] .terminal-panel,[data-theme="80s-office"] .office-module{flex:1;max-width:340px}[data-theme="80s-office"] .panel-header{background:var(--color-secondary);color:#2a2520}[data-theme="80s-office"] .panel-body{padding:.6rem;text-align:center;border:2px solid var(--color-card-border);border-top:none}[data-theme="80s-office"] .panel-body img{width:100%;max-width:200px;height:auto;display:block;margin:0 auto .4rem}[data-theme="80s-office"] .panel-status{font-family:var(--font-main);font-size:.65rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px}[data-theme="80s-office"] .printer-module{display:block;max-width:200px;margin:2rem auto;border:1px solid var(--color-card-border);background:#2a25200a;padding:0}[data-theme="80s-office"] .printer-module-header{background:var(--color-text-muted);color:var(--color-bg);font-family:var(--font-main);font-size:.6rem;text-transform:uppercase;letter-spacing:1px;padding:.2rem .4rem;text-align:center}[data-theme="80s-office"] .printer-module-body{padding:.4rem;text-align:center}[data-theme="80s-office"] .printer-module-body img{width:100%;max-width:150px;height:auto;display:block;margin:0 auto}.gifs-row,.terminal-panel,.office-module,.printer-module{display:none}@keyframes crt-flicker{0%,to{opacity:1}50%{opacity:.985}}[data-theme="80s-office"] .home-hero h1{animation:crt-flicker 4s ease-in-out infinite}@keyframes blink-80s{0%,49%{opacity:1}50%,to{opacity:0}}[data-theme="80s-office"] .blink{animation:blink-80s 1s steps(1) infinite}[data-theme="80s-office"] .phrase{border-left:3px solid var(--color-accent);font-style:normal;letter-spacing:.5px}@media(max-width:768px){[data-theme="80s-office"] .home-hero h1{font-size:1.8rem;letter-spacing:2px}[data-theme="80s-office"] .gifs-row{gap:.8rem}[data-theme="80s-office"] .panel-body img{max-width:150px}}@media(max-width:480px){[data-theme="80s-office"] .home-hero h1{font-size:1.4rem}[data-theme="80s-office"] .gifs-row{gap:.5rem}[data-theme="80s-office"] .panel-header{font-size:.55rem;padding:.25rem .4rem}[data-theme="80s-office"] .panel-body img{max-width:120px}[data-theme="80s-office"] .panel-status{font-size:.55rem}}@media(prefers-reduced-motion:reduce){[data-theme="80s-office"] .home-hero h1,[data-theme="80s-office"] .blink{animation:none}}.retro-footer[data-astro-cid-5hce7sga]{border-top:3px solid var(--color-primary);margin-top:3rem;padding:2rem 1rem;background:linear-gradient(0deg,#0d0221 0%,transparent 100%)}.footer-content[data-astro-cid-5hce7sga]{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section[data-astro-cid-5hce7sga]{padding:1rem}.footer-section[data-astro-cid-5hce7sga] p[data-astro-cid-5hce7sga]{color:var(--color-text-muted);font-size:.85rem;line-height:1.6}.footer-section[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{color:var(--color-secondary);font-weight:700}.footer-link-title[data-astro-cid-5hce7sga]{font-family:var(--font-heading);color:var(--color-primary);text-transform:uppercase;font-size:.9rem;margin-bottom:.5rem}.footer-text[data-astro-cid-5hce7sga]{font-size:.8rem;color:var(--color-text-muted);opacity:.8}.footer-bottom[data-astro-cid-5hce7sga]{text-align:center;padding-top:1.5rem;border-top:1px solid var(--color-card-border)}.footer-bottom[data-astro-cid-5hce7sga] p[data-astro-cid-5hce7sga]{color:var(--color-text-muted);font-size:.8rem;margin:.25rem 0}.footer-bottom[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{color:var(--color-secondary)}