.header{position:fixed;top:0;left:0;right:0;background:var(--terminal-bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--terminal-border);z-index:1000;transition:all .3s ease}@media (prefers-reduced-motion: reduce){.header{transition:none}}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){.header{background:var(--terminal-header)}}.header.scrolled{background:var(--terminal-bg-secondary);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:1px solid var(--terminal-border);box-shadow:0 8px 32px #0000004d,0 0 15px color-mix(in srgb,var(--accent-green) 15%,transparent)}.header .container{display:flex;align-items:center;justify-content:space-between;padding:1rem;max-width:1200px}.logo{display:flex;align-items:center;gap:.5rem;cursor:pointer}.logo-image{height:40px;width:auto;transition:var(--transition);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logo-image:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 768px){.logo-image{height:38px}}@media (max-width: 600px){.logo-image{height:35px}}@media (max-width: 480px){.logo-image{height:32px}}.nav-list{display:flex;list-style:none;gap:1.35rem;margin:0;padding:0}.nav-list a{text-decoration:none;color:var(--text-primary);font-weight:500;position:relative;transition:all .3s ease}.nav-list a:hover{color:var(--accent-green)}.nav-list a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-green);transition:width .3s ease;box-shadow:0 0 10px var(--accent-green)}.nav-list a:hover:after{width:100%}.nav-game,.nav-terminal{display:inline-flex;align-items:center;gap:.4rem}.header-actions{display:flex;align-items:center;gap:1rem}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.menu-toggle span{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:all .3s ease}.menu-toggle:hover span{background:var(--accent-green)}@media (max-width: 768px){.header-actions{gap:.5rem}.menu-toggle{display:flex}.nav{position:absolute;top:100%;left:0;right:0;background:var(--terminal-header);border-top:1px solid var(--terminal-border);box-shadow:0 4px 20px color-mix(in srgb,var(--accent-green) 20%,transparent);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.nav-list{flex-direction:column;padding:1rem;gap:1rem}.nav-list a{padding:.5rem;display:block}}.language-selector{position:relative;display:inline-block}.language-button{display:flex;align-items:center;gap:.5rem;background:#a6e3a11a;border:1px solid var(--terminal-border);border-radius:8px;padding:.5rem .75rem;color:var(--accent-green);font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-button:hover{background:#a6e3a126;border-color:var(--accent-green);transform:translateY(-2px);box-shadow:0 5px 15px #a6e3a14d}.language-button:focus{outline:none;background:#a6e3a126;border-color:var(--accent-green);box-shadow:0 0 0 3px #a6e3a133}.language-button:active{background:#a6e3a133;transform:translateY(1px)}.language-button i:first-child{font-size:1.1rem;color:var(--accent-green)}.language-code{font-weight:500;min-width:20px}.language-button i{font-size:.8rem;transition:transform .3s ease}.language-button i.rotate{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--terminal-header);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--terminal-border);border-radius:8px;box-shadow:0 10px 25px #00000080;overflow:hidden;min-width:140px;z-index:1000}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.language-option:hover{background:#a6e3a126;color:var(--text-primary)}.language-option.active{background:#a6e3a133;color:var(--accent-green)}.language-option i{font-size:1.1rem;color:var(--text-secondary);transition:color .2s ease}.language-option:hover i,.language-option.active i{color:var(--accent-green)}.language-option .language-name{font-weight:500}@media (max-width: 768px){.language-button{padding:.4rem .6rem;font-size:.85rem}.language-dropdown{min-width:120px}.language-option{padding:.6rem .8rem;font-size:.85rem}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px;z-index:1}.hero-overlay{position:absolute;inset:0;background:transparent;z-index:1;pointer-events:none}.hero-content{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;position:relative;z-index:2;padding:2rem 0}.hero-text{animation:slideIn 1s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#a6e3a11a;border:1px solid var(--terminal-border);padding:.5rem 1rem;border-radius:50px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-icon{font-size:1.2rem;color:var(--accent-green);animation:pulse 2s ease-in-out infinite}.badge-text{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.highlight-name{display:block;color:var(--accent-green);font-size:4.5rem;margin-top:.5rem}.hero-subtitle{font-size:2rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-secondary);min-height:60px;display:flex;align-items:center;gap:.5rem}.subtitle-label{color:var(--text-muted)}.typing-text{color:var(--accent-green);font-weight:700}.cursor{animation:blink 1s infinite;color:var(--accent-green)}.hero-description{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:2rem;line-height:1.8;max-width:600px}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.5rem}.hero-buttons .btn{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.hero-buttons .btn-primary{background:var(--accent-green);color:var(--terminal-bg);border:2px solid transparent;box-shadow:0 4px 15px #a6e3a166}.hero-buttons .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #a6e3a199;opacity:.9}.hero-buttons .btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--terminal-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-buttons .btn-secondary:hover{transform:translateY(-3px);background:#a6e3a11a;border-color:var(--accent-green);box-shadow:0 8px 25px #a6e3a14d}.btn-icon{font-size:1rem;transition:transform .3s ease}.btn-primary:hover .btn-icon{transform:translate(5px)}.btn-secondary:hover .btn-icon{transform:translateY(3px)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.visual-container{position:relative;width:500px;height:500px;display:flex;align-items:center;justify-content:center}.floating-card{position:absolute;background:var(--terminal-bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--terminal-border);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 8px 32px #a6e3a133;transition:all .3s ease;cursor:pointer;min-width:140px;min-height:140px;display:flex;align-items:center;justify-content:center}.floating-card:hover{transform:translateY(-10px) scale(1.05);border-color:var(--accent-green);box-shadow:0 12px 40px #a6e3a166}.card-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.card-icon{font-size:2.5rem;color:var(--accent-green);transition:all .3s ease}.floating-card:hover .card-icon{transform:scale(1.2) rotate(5deg)}.card-text{font-size:.9rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.card-1{top:10%;left:10%;animation:float 6s ease-in-out infinite}.card-2{top:10%;right:10%;animation:float 6s ease-in-out infinite 1.5s}.card-3{bottom:10%;left:10%;animation:float 6s ease-in-out infinite 3s}.card-4{bottom:10%;right:10%;animation:float 6s ease-in-out infinite 4.5s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.hero-text,.floating-card,.cursor,.badge-icon{animation:none}.btn-primary:hover,.btn-secondary:hover,.floating-card:hover{transform:none;transition:none}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr}.hero-title{font-size:3rem}.highlight-name{font-size:3.5rem}.visual-container{width:400px;height:400px}}@media (max-width: 768px){.hero-content{text-align:center}.hero-text{align-items:center}.hero-title{font-size:2.5rem}.highlight-name{font-size:3rem}.hero-subtitle{font-size:1.5rem;justify-content:center}.hero-description{font-size:1rem}.hero-buttons{justify-content:center}.hero-visual{display:none}}@media (max-width: 480px){.hero-title{font-size:2rem}.highlight-name{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons .btn{padding:.75rem 1.25rem;font-size:.9rem}}.background-3d{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(30,30,46,.3) 100%)}.about{padding:5rem 0;background:transparent}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center}.about-image{position:relative;display:flex;justify-content:center;align-items:center}.about-text h3{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem}.about-text p{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.7}.about .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0;padding:2rem 0;border-top:1px solid var(--terminal-border);border-bottom:1px solid var(--terminal-border)}.about .stat{text-align:center;padding:0!important;border:none!important;background:transparent!important;border-radius:0!important}.about .stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--accent-green)!important;margin-bottom:.5rem;text-shadow:0 0 20px rgba(166,227,161,.3)}.about .stat-label{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.about-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}@media (max-width: 768px){.about-content{grid-template-columns:1fr;gap:2rem;text-align:center}.about .stats{grid-template-columns:1fr;gap:1rem}.about .stat-number{font-size:2rem}.about-actions{justify-content:center}}.laptop-visual{position:relative;width:100%;min-height:440px;border-radius:24px;overflow:hidden}.laptop-visual canvas{width:100%!important;height:440px!important;display:block}@media (max-width: 768px){.laptop-visual{min-height:340px}.laptop-visual canvas{height:340px!important}}.page-loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--terminal-bg, #1e1e2e);display:flex;align-items:center;justify-content:center;z-index:9998}.page-loader-container .loading-terminal{width:400px;max-width:90vw}.not-found-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--terminal-bg, #1e1e2e);padding:1rem;box-sizing:border-box}.not-found-terminal{background:var(--terminal-header, #11111b);border-radius:12px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;width:100%;max-width:500px;border:1px solid var(--terminal-border, #313244)}.not-found-header{background:var(--terminal-header, #181825);padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--terminal-border, #313244)}.not-found-dots{display:flex;gap:6px}.not-found-dots .dot{width:10px;height:10px;border-radius:50%}.not-found-dots .dot.red{background:var(--accent-red, #f38ba8)}.not-found-dots .dot.yellow{background:var(--accent-yellow, #f9e2af)}.not-found-dots .dot.green{background:var(--accent-green, #a6e3a1)}.not-found-title{color:var(--text-muted, #6c7086);font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:12px}.not-found-body{padding:1.5rem}.error-code{text-align:center;margin-bottom:1.5rem}.code-number{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:clamp(3rem,12vw,5rem);font-weight:700;color:var(--accent-red, #f38ba8);text-shadow:0 0 20px rgba(243,139,168,.3);line-height:1}.terminal-output{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.85rem;margin-bottom:1.5rem}.output-line{padding:.3rem 0;display:flex;gap:.5rem;flex-wrap:wrap}.output-line .prompt-symbol{color:var(--accent-green, #a6e3a1)}.output-line .command{color:var(--text-primary, #cdd6f4)}.output-line.error .error-text{color:var(--accent-red, #f38ba8)}.output-line .output-text{color:var(--text-secondary, #a6adc8)}.not-found-actions{display:flex;flex-direction:column;gap:.75rem}.not-found-actions a{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--terminal-bg-secondary, rgba(24, 24, 37, .4));border:1px solid var(--terminal-border, #313244);border-radius:8px;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.85rem;text-decoration:none;transition:all .3s ease}.not-found-actions a:hover{background:var(--terminal-border, #313244);border-color:var(--accent-green, #a6e3a1);transform:translate(5px)}.not-found-actions a .prompt-symbol{color:var(--accent-green, #a6e3a1)}.not-found-actions a .command{color:var(--text-primary, #cdd6f4);flex:1}.not-found-actions a i{color:var(--accent-green, #a6e3a1);font-size:1rem}.home-link:hover i{animation:bounce-right .5s ease infinite}.terminal-link:hover i{animation:pulse .5s ease infinite}@keyframes bounce-right{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 480px){.code-number{font-size:4rem}.not-found-body{padding:1.5rem}.terminal-output{font-size:.8rem}.not-found-actions a{padding:.875rem 1rem;font-size:.8rem}}.App{overflow-x:hidden;position:relative;min-height:100vh}.terminal-page{height:var(--app-height, 100vh);width:100vw;background:var(--terminal-bg);overflow:hidden;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;font-family:var(--font-mono)}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.portfolio-page section{position:relative;padding:5rem 0;z-index:2}.portfolio-page section:not(.hero){background:var(--terminal-bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:2rem 0;border-radius:20px;border:1px solid var(--terminal-border)}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:3px;background:var(--accent-green);border-radius:2px;box-shadow:0 0 20px #a6e3a180}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:1.5rem auto 0;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn>*{position:relative;z-index:1}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--accent-green);color:var(--terminal-bg);box-shadow:0 4px 15px #a6e3a166;border:2px solid transparent}.btn-primary:hover{color:var(--terminal-bg);transform:translateY(-2px);box-shadow:0 6px 20px #a6e3a199;opacity:.9}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--accent-green);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{color:var(--text-primary);background:#a6e3a11a;border-color:var(--accent-green);transform:translateY(-2px);box-shadow:0 6px 20px #a6e3a14d}.btn-outline{background:var(--terminal-bg-secondary);color:var(--text-primary);border:2px solid var(--terminal-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{color:var(--text-primary);background:#a6e3a126;border-color:var(--accent-green);transform:translateY(-2px)}.card{background:var(--terminal-bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--terminal-border);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-green);transform:scaleX(0);transition:transform .3s ease}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-5px);border-color:var(--accent-green);box-shadow:0 12px 30px #a6e3a14d;background:var(--terminal-header)}a{color:var(--accent-green);text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent-green);text-shadow:0 0 10px rgba(166,227,161,.5);opacity:.8}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading{animation:shimmer 2s infinite;background:linear-gradient(to right,#a6e3a11a,#a6e3a14d,#a6e3a11a);background-size:1000px 100%}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.container{max-width:960px}}@media (max-width: 992px){.container{max-width:720px}.section-title{font-size:2rem}}@media (max-width: 768px){.container{max-width:540px;padding:0 1.5rem}.portfolio-page section{padding:3rem 0}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}}@media (max-width: 576px){.container{padding:0 1rem}.btn{padding:.75rem 1.25rem;font-size:.9rem}.card{padding:1.5rem}}body.terminal-page--active{overflow:hidden;position:fixed;width:100%;height:100%;overscroll-behavior:none;touch-action:none}body.terminal-page--active,body.terminal-page--active *{touch-action:none}.text-center{text-align:center}.glow-text{text-shadow:0 0 20px rgba(166,227,161,.5)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}:root{--color-primary: #10b981;--color-primary-dark: #059669;--color-primary-light: #34d399;--color-bg-primary: #0a0f0d;--color-bg-secondary: #0d1712;--color-bg-tertiary: #111f17;--color-text-primary: #e0f2e9;--color-text-secondary: #a7c4bc;--color-text-muted: #6b8a7e;--transition: all .3s ease;--terminal-bg: #1e1e2e;--terminal-bg-secondary: rgba(24, 24, 37, .4);--terminal-header: #11111b;--terminal-border: #313244;--terminal-radius: 12px;--terminal-padding: 1rem;--header-height: 48px;--text-primary: #cdd6f4;--text-secondary: #a6adc8;--text-muted: #6c7086;--accent-red: #f38ba8;--accent-yellow: #f9e2af;--accent-green: #a6e3a1;--accent-blue: #89b4fa;--accent-cyan: #94e2d5;--accent-purple: #cba6f7;--prompt-user: #a6e3a1;--prompt-at: #6c7086;--prompt-host: #89b4fa;--prompt-path: #cba6f7;--prompt-symbol: #f9e2af;--font-heading: "VT323", monospace;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem}[data-theme=solarized]{--terminal-bg: #002b36;--terminal-bg-secondary: rgba(7, 54, 66, .6);--terminal-header: #073642;--terminal-border: #586e75;--text-primary: #839496;--text-secondary: #93a1a1;--text-muted: #657b83;--accent-red: #dc322f;--accent-yellow: #b58900;--accent-green: #859900;--accent-blue: #268bd2;--accent-cyan: #2aa198;--accent-purple: #6c71c4;--prompt-user: #859900;--prompt-host: #268bd2;--prompt-path: #6c71c4;--prompt-symbol: #b58900}[data-theme=matrix]{--terminal-bg: #0d0d0d;--terminal-bg-secondary: rgba(0, 30, 0, .5);--terminal-header: #0a0a0a;--terminal-border: #1a3d1a;--text-primary: #33ff33;--text-secondary: #22cc22;--text-muted: #118811;--accent-red: #ff4444;--accent-yellow: #aaff00;--accent-green: #33ff33;--accent-blue: #00ddff;--accent-cyan: #00ffaa;--accent-purple: #dd44ff;--prompt-user: #33ff33;--prompt-host: #00ddff;--prompt-path: #dd44ff;--prompt-symbol: #aaff00}[data-theme=catppuccin]{--terminal-bg: #1e1e2e;--terminal-bg-secondary: rgba(30, 30, 46, .7);--terminal-header: #181825;--terminal-border: #45475a;--text-primary: #cdd6f4;--text-secondary: #bac2de;--text-muted: #6c7086;--accent-red: #f38ba8;--accent-yellow: #f9e2af;--accent-green: #cba6f7;--accent-blue: #89b4fa;--accent-cyan: #94e2d5;--accent-purple: #f5c2e7;--prompt-user: #cba6f7;--prompt-at: #9399b2;--prompt-host: #89b4fa;--prompt-path: #f5c2e7;--prompt-symbol: #f9e2af}@media (max-width: 767px){:root{--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: .9rem;--font-size-lg: 1.1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;font-size:16px}body{font-family:var(--font-body);line-height:1.6;color:var(--color-text-primary);background:var(--terminal-bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;letter-spacing:-.02em}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--terminal-bg)}::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-green);opacity:.8}::selection{background:#a6e3a14d;color:var(--text-primary)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;transition:all .3s ease}input,textarea,select{font-family:inherit;background:var(--terminal-bg);color:var(--text-primary);border:1px solid var(--terminal-border);transition:all .3s ease}input:focus,textarea:focus,select:focus{border-color:var(--accent-green);box-shadow:0 0 0 2px #a6e3a133;outline:none}:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.page-transition{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #a6e3a14d}50%{box-shadow:0 0 30px #a6e3a199}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.glass{background:var(--terminal-bg-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--terminal-border);border-radius:16px}.text-gradient{color:var(--accent-green)}.shadow-glow{box-shadow:var(--glow-primary)}.shadow-strong{box-shadow:var(--glow-strong)}