*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0e17;--bg-secondary:#0f1623;--bg-card:#131a2b;--accent:#64c8ff;--accent-glow:#64c8ff26;--accent-dim:#64c8ff99;--text-primary:#e4eaf5;--text-secondary:#8892a8;--text-dim:#515c72;--border:#64c8ff14;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}html{scroll-behavior:smooth;scrollbar-color:#64c8ff99 #0a0e17;scrollbar-color:var(--accent-dim) var(--bg-primary);scrollbar-width:thin}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e17;background:var(--bg-primary);color:#e4eaf5;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);line-height:1.6;max-width:100vw}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0e17;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#64c8ff99;background:var(--accent-dim);border-radius:4px}::selection{background:#64c8ff4d;color:#fff}.navbar{left:0;padding:1.2rem 2rem;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:100}.navbar--scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0e17d9;border-bottom:1px solid var(--border);padding:.8rem 2rem}.navbar__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.navbar__logo{color:var(--text-primary);font-family:var(--font-mono);font-size:1.4rem;font-weight:700;letter-spacing:-.5px;text-decoration:none;transition:color .3s}.navbar__logo:hover{color:var(--accent)}.navbar__logo-bracket{color:var(--accent);font-weight:400}.navbar__links{display:flex;gap:2rem;list-style:none}.navbar__links a{color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem;position:relative;text-decoration:none;transition:color .3s}.navbar__links a:after{background:var(--accent);bottom:-4px;content:"";height:1px;left:0;position:absolute;transition:width .3s;width:0}.navbar__links a:hover{color:var(--accent)}.navbar__links a:hover:after{width:100%}.navbar__burger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:4px}.navbar__burger span{background:var(--text-secondary);border-radius:2px;display:block;height:2px;transition:all .3s;width:24px}.navbar__burger--open span:first-child{transform:rotate(45deg) translate(5px,5px)}.navbar__burger--open span:nth-child(2){opacity:0}.navbar__burger--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:1}.hero__content{text-align:center;will-change:transform,opacity}.hero__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e4eaf5,#64c8ff 50%,#4facfe);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:1rem}.hero__cursor{-webkit-text-fill-color:var(--accent);animation:none;font-weight:300}.hero__cursor--hidden{opacity:0}.hero__subtitle{color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.3rem);font-weight:300;margin-bottom:2.5rem}.hero__mobile-br{display:none}@media (max-width:480px){.hero__mobile-br{display:block}}.hero__tag{color:var(--accent-dim);font-family:var(--font-mono);font-size:.85em}.hero__cta-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:4rem}.hero__cta{background:linear-gradient(135deg,var(--accent),#4facfe);border:none;border-radius:6px;color:var(--bg-primary);display:inline-block;font-family:var(--font-mono);font-size:.9rem;font-weight:500;overflow:hidden;padding:.9rem 2.2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero__cta:before{background:linear-gradient(135deg,#0000,#fff3);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.hero__cta:hover:before{opacity:1}.hero__cta:hover{box-shadow:0 8px 30px #64c8ff4d;transform:translateY(-2px)}.hero__cta--outline{background:#0000;border:1px solid var(--accent);color:var(--accent)}.hero__cta--outline:hover{background:var(--accent-glow);box-shadow:0 8px 30px #64c8ff26}.hero__scroll-indicator{align-items:center;animation:float 3s ease-in-out infinite;color:var(--text-dim);display:flex;flex-direction:column;font-family:var(--font-mono);font-size:.75rem;gap:.6rem;letter-spacing:2px;text-transform:uppercase}.hero__scroll-mouse{border:2px solid var(--text-dim);border-radius:12px;display:flex;height:38px;justify-content:center;padding-top:8px;width:24px}.hero__scroll-wheel{animation:scroll-wheel 2s ease-in-out infinite;background:var(--accent);border-radius:2px;height:8px;width:3px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes scroll-wheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.section{opacity:0;padding:6rem 2rem;position:relative;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1);z-index:1}.section--visible{opacity:1;transform:translateY(0)}.section__inner{margin:0 auto;max-width:1100px}.section__title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;letter-spacing:-1px;margin-bottom:3rem}.section__title-tag{color:var(--accent);font-family:var(--font-mono);font-size:.7em;font-weight:400;margin-right:.5rem}.about__grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.about__text p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:1.2rem}.about__text strong{color:var(--accent);font-weight:600}.about__stats{display:flex;gap:2rem;margin-top:2rem}.about__stat{text-align:center}.about__stat-number{color:var(--accent);display:block;font-family:var(--font-mono);font-size:2rem;font-weight:800}.about__stat-label{color:var(--text-dim);font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.terminal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.terminal__header{align-items:center;background:#0000004d;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:12px 16px}.terminal__dot{border-radius:50%;height:12px;width:12px}.terminal__dot--red{background:#ff5f57}.terminal__dot--yellow{background:#febc2e}.terminal__dot--green{background:#28c840}.terminal__title{color:var(--text-dim);font-family:var(--font-mono);font-size:.75rem;margin-left:8px}.terminal__body{font-family:var(--font-mono);font-size:.85rem;line-height:2;padding:1.5rem}.terminal__prompt{color:var(--accent);margin-right:8px}.terminal__output{color:var(--text-secondary);padding-left:1.2rem}.terminal__cursor{animation:blink 1s step-end infinite;color:var(--accent)}@keyframes blink{50%{opacity:0}}.terminal--interactive{cursor:text}.terminal__body--interactive{max-height:280px;overflow-y:auto;scrollbar-color:#64c8ff4d #0000;scrollbar-width:thin}.terminal__body--interactive::-webkit-scrollbar{width:4px}.terminal__body--interactive::-webkit-scrollbar-track{background:#0000}.terminal__body--interactive::-webkit-scrollbar-thumb{background:#64c8ff4d;border-radius:2px}.terminal__line{font-family:var(--font-mono);font-size:.85rem;line-height:1.6;margin-bottom:.3rem}.terminal__line--input{color:var(--text-primary)}.terminal__line--output{color:var(--text-secondary);padding-left:1.2rem}.terminal__input-row{align-items:center;display:flex;gap:8px;overflow:hidden}.terminal__input{background:none;border:none;caret-color:var(--accent);color:var(--text-primary);flex:1 1;font-family:var(--font-mono);font-size:.85rem;max-width:100%;min-width:0;outline:none}.techzone__subtitle{color:var(--text-secondary);font-size:1.05rem;margin-bottom:2rem;margin-top:-1.5rem}.techzone__tabs-scroll{margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-color:#64c8ff33 #0000;scrollbar-width:thin}.techzone__tabs-scroll::-webkit-scrollbar{height:4px}.techzone__tabs-scroll::-webkit-scrollbar-track{background:#0000}.techzone__tabs-scroll::-webkit-scrollbar-thumb{background:#64c8ff33;border-radius:2px}.techzone__tabs{display:flex;gap:.4rem;min-width:max-content}.techzone__tab{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-mono);font-size:.78rem;gap:.4rem;padding:.5rem .9rem;transition:all .3s;white-space:nowrap}.techzone__tab:hover{border-color:#64c8ff4d;color:var(--text-primary)}.techzone__tab--active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.techzone__tab--danger{border-color:#ff444440;color:#f44}.techzone__tab--danger:hover{background:#ff444414;border-color:#ff444480;color:#ff6b6b}.techzone__tab--danger-active{background:#ff444426!important;border-color:#f44!important;color:#f44!important}.techzone__tab-icon{font-size:.9rem}.techzone__content{position:relative}.techzone__content-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;justify-content:center;min-height:250px;padding:1.5rem}.techzone__desc{color:var(--text-dim);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.5px;margin-top:1rem;text-align:center}.arcade__tab{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:.82rem;padding:.5rem 1.2rem;transition:all .3s}.arcade__tab--active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.darkos{background:#080c15;border-radius:8px;display:flex;flex-direction:column;height:380px;max-width:550px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.darkos-desktop{background:radial-gradient(ellipse at 30% 50%,#64c8ff08 0,#0000 70%);flex:1 1;padding:12px;position:relative}.darkos-icons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);max-width:240px}.darkos-icon{align-items:center;background:none;border:1px solid #0000;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px 4px;transition:all .2s}.darkos-icon:hover{background:#64c8ff0f;border-color:#64c8ff1a}.darkos-icon-img{font-size:1.4rem}.darkos-icon-label{color:var(--text-secondary);font-family:var(--font-mono);font-size:.6rem}.darkos-window{background:#0d1220;border:1px solid #64c8ff26;border-radius:8px;box-shadow:0 10px 40px #00000080;max-width:calc(100% - 20px);overflow:hidden;position:absolute;width:320px;z-index:10}.darkos-window-titlebar{align-items:center;background:#64c8ff0d;border-bottom:1px solid #64c8ff14;cursor:move;display:flex;justify-content:space-between;padding:6px 10px}.darkos-window-title{color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem}.darkos-window-btns{display:flex;gap:6px}.darkos-window-btn{align-items:center;border-radius:50%;color:var(--text-dim);cursor:pointer;display:flex;font-size:.65rem;height:16px;justify-content:center;transition:color .2s;width:16px}.darkos-window-btn--close:hover{background:#ff5f5726;color:#ff5f57}.darkos-window-btn--min:hover{color:#febc2e}.darkos-window-btn--max:hover{color:#28c840}.darkos-window-body{max-height:200px;overflow-y:auto;padding:10px}.darkos-file-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.darkos-file-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:6px 8px;transition:background .2s}.darkos-file-item:hover{background:#64c8ff0f}.darkos-file-icon{font-size:1rem}.darkos-file-name{color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem}.darkos-notepad{background:#060a14;border:none;border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:.75rem;height:160px;line-height:1.6;outline:none;padding:8px;resize:none;width:100%}.darkos-term{font-family:var(--font-mono);font-size:.72rem}.darkos-term-output{color:var(--text-secondary);margin-bottom:6px;max-height:130px;overflow-y:auto}.darkos-term-output div{margin-bottom:2px}.darkos-term-input-row{align-items:center;display:flex;gap:6px}.darkos-term-input{background:none;border:none;caret-color:var(--accent);color:var(--text-primary);flex:1 1;font-family:var(--font-mono);font-size:.72rem;outline:none}.darkos-browser-bar{background:#64c8ff0a;border-radius:4px;margin-bottom:10px;padding:6px 8px}.darkos-browser-url{color:var(--text-dim);font-family:var(--font-mono);font-size:.65rem}.darkos-browser-content{padding:20px 10px;text-align:center}.darkos-music{padding:10px;text-align:center}.darkos-music-bar{background:#64c8ff1a;border-radius:2px;height:3px;margin:10px 0;overflow:hidden}.darkos-music-progress{animation:musicProgress 8s linear infinite;background:var(--accent);border-radius:2px;height:100%;width:35%}.darkos-music-controls{color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:20px;justify-content:center}@keyframes musicProgress{0%{width:0}to{width:100%}}.darkos-taskbar{align-items:center;background:#0a0e17f2;border-top:1px solid #64c8ff14;display:flex;gap:8px;padding:4px 8px}.darkos-start{background:#64c8ff14;border:1px solid #64c8ff26;border-radius:3px;color:var(--accent);cursor:pointer;font-family:var(--font-mono);font-size:.65rem;padding:3px 8px}.darkos-taskbar-apps{flex:1 1}.darkos-taskbar-item{color:var(--text-dim);font-family:var(--font-mono);font-size:.6rem}.darkos-taskbar-item--active{color:var(--accent)}.darkos-clock{color:var(--text-dim);font-family:var(--font-mono);font-size:.65rem}.city-sim__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.city-sim__btn{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:.72rem;padding:.35rem .7rem;transition:all .3s}.city-sim__btn:hover{border-color:#64c8ff4d}.city-sim__btn--active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.city-sim__pop{color:var(--accent-dim);margin-left:auto}.city-sim__hint,.city-sim__pop{font-family:var(--font-mono);font-size:.72rem}.city-sim__hint{color:var(--text-dim);margin-top:.5rem;text-align:center}.pixel-art{flex-direction:column;width:100%}.pixel-art,.pixel-art__palette{align-items:center;display:flex}.pixel-art__palette{flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:1rem}.pixel-art__color{border:2px solid #0000;border-radius:4px;cursor:pointer;height:24px;transition:all .2s;width:24px}.pixel-art__color:hover{transform:scale(1.2)}.pixel-art__color--active{border-color:#fff;box-shadow:0 0 8px #64c8ff80;transform:scale(1.2)}.pixel-art__clear-btn{background:#0000;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer;font-family:var(--font-mono);font-size:.7rem;padding:.25rem .6rem;transition:all .2s}.pixel-art__clear-btn:hover{border-color:var(--accent);color:var(--accent)}.pixel-art__hex-row{align-items:center;display:flex;gap:4px}.pixel-art__hex-input{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:.7rem;outline:none;padding:.2rem .4rem;width:70px}.pixel-art__hex-input:focus{border-color:var(--accent)}.pixel-art__hex-btn{border:2px solid var(--border);border-radius:4px;cursor:pointer;height:24px;transition:all .2s;width:24px}.pixel-art__hex-btn:hover{border-color:#fff;transform:scale(1.1)}.pixel-art__grid{grid-gap:1px;aspect-ratio:1;background:#64c8ff0d;border:1px solid var(--border);border-radius:4px;cursor:crosshair;display:grid;gap:1px;grid-template-columns:repeat(16,1fr);max-width:400px;padding:1px;width:100%}.pixel-art__cell{aspect-ratio:1;border-radius:1px;transition:background .05s}.pixel-art__cell:hover{opacity:.8}.synth-pad{max-width:420px;width:100%}.synth-pad__grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.synth-pad__key{align-items:center;aspect-ratio:1;background:var(--bg-primary);border:1px solid #64c8ff1f;border-radius:8px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .15s}.synth-pad__key:hover{background:#64c8ff0a;border-color:var(--pad-color)}.synth-pad__key--active{background:#64c8ff1f!important;border-color:var(--pad-color)!important;box-shadow:0 0 20px #64c8ff33,inset 0 0 20px #64c8ff0d;transform:scale(.95)}.synth-pad__note{color:var(--text-dim);font-family:var(--font-mono);font-size:.72rem;z-index:1}.synth-pad__ripple{animation:padRipple .6s ease-out forwards;border:2px solid var(--pad-color);border-radius:8px;inset:0;pointer-events:none;position:absolute}@keyframes padRipple{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}.synth-pad__hint{color:var(--text-dim);font-family:var(--font-mono);font-size:.72rem;margin-top:.8rem;text-align:center}.typing-race{max-width:550px;width:100%}.typing-race__start{padding:2rem 0;text-align:center}.typing-race__phrase{background:#0000004d;border-radius:6px;font-family:var(--font-mono);font-size:1.05rem;letter-spacing:.5px;line-height:1.8;margin-bottom:1rem;padding:1rem}.typing-race__char{color:var(--text-dim)}.typing-race__char--correct{color:var(--accent)}.typing-race__char--wrong{background:#ff6b6b26;border-radius:2px;color:#ff6b6b}.typing-race__char--current{border-bottom:2px solid var(--accent);color:var(--text-primary)}.typing-race__input{background:#0000004d;border:1px solid var(--border);border-radius:6px;caret-color:var(--accent);color:var(--text-primary);font-family:var(--font-mono);font-size:.95rem;outline:none;padding:.8rem 1rem;transition:border-color .3s;width:100%}.typing-race__input:focus{border-color:#64c8ff4d}.typing-race__stats{color:var(--text-dim);display:flex;font-family:var(--font-mono);font-size:.78rem;gap:1.5rem;justify-content:center;margin-top:.8rem}.typing-race__wpm{color:var(--accent);font-size:1rem;font-weight:700}.memory{max-width:420px;width:100%}.memory__info{align-items:center;color:var(--text-dim);display:flex;font-family:var(--font-mono);font-size:.78rem;gap:1rem;margin-bottom:1rem}.memory__grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.memory__card{align-items:center;aspect-ratio:1;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;overflow:hidden;position:relative;transition:all .3s}.memory__card:hover{border-color:#64c8ff4d}.memory__card-front{opacity:0}.memory__card-back,.memory__card-front{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;transition:opacity .3s}.memory__card-back{color:var(--text-dim);font-family:var(--font-mono);font-size:1.2rem}.memory__card--flipped .memory__card-front{opacity:1}.memory__card--flipped .memory__card-back{opacity:0}.memory__card--matched{background:#28c8400d;border-color:#28c8404d}.game2048{max-width:360px;width:100%}.game2048__header{align-items:center;color:var(--text-dim);display:flex;font-family:var(--font-mono);font-size:.78rem;gap:1rem;margin-bottom:.8rem}.game2048__grid{grid-gap:6px;background:#64c8ff0a;border:1px solid var(--border);border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);padding:6px}.game2048__tile{align-items:center;aspect-ratio:1;border:1px solid #64c8ff0f;border-radius:6px;display:flex;font-family:var(--font-mono);font-weight:700;justify-content:center;transition:background .12s ease,transform .12s ease,border-color .12s ease}.game2048__tile--filled{animation:tile-pop .12s ease-out;border-color:#64c8ff1a}@keyframes tile-pop{0%{transform:scale(.8)}to{transform:scale(1)}}.game2048__hint{color:var(--text-dim);font-family:var(--font-mono);font-size:.7rem;margin-top:.5rem;text-align:center}.minesweeper{max-width:360px;width:100%}.minesweeper__header{align-items:center;color:var(--text-dim);display:flex;font-family:var(--font-mono);font-size:.78rem;gap:1rem;margin-bottom:.8rem}.minesweeper__grid{grid-gap:2px;background:#64c8ff0a;border:1px solid var(--border);border-radius:8px;display:grid;gap:2px;padding:4px}.minesweeper__cell{align-items:center;aspect-ratio:1;background:var(--bg-card);border:1px solid #64c8ff14;border-radius:3px;cursor:pointer;display:flex;font-family:var(--font-mono);font-size:.75rem;font-weight:700;justify-content:center;transition:all .15s}.minesweeper__cell:hover{background:#64c8ff0f}.minesweeper__cell--revealed{background:var(--bg-primary);cursor:default}.minesweeper__cell--mine{background:#ff6b6b1a}.reaction{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:center;max-width:500px;min-height:250px;transition:background .3s;-webkit-user-select:none;user-select:none;width:100%}.reaction__content{padding:2rem;text-align:center}.reaction__title{font-family:var(--font-mono);font-size:2rem;font-weight:700;margin-bottom:.5rem}.reaction__sub{color:var(--text-secondary);font-size:.85rem}.reaction__stats{color:var(--text-dim);display:flex;font-family:var(--font-mono);font-size:.78rem;gap:1.5rem;justify-content:center;margin-top:1rem}.constellation-wrapper{position:relative}.constellation-info{align-items:center;color:var(--text-dim);display:flex;font-family:var(--font-mono);font-size:.78rem;gap:1rem;margin-top:.8rem}.constellation-clear{background:#0000;border:1px solid #64c8ff33;border-radius:4px;color:var(--accent-dim);cursor:pointer;font-family:var(--font-mono);font-size:.72rem;padding:.3rem .8rem;transition:all .3s}.constellation-clear:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.projects__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:hover{border-color:#64c8ff33;box-shadow:0 20px 60px #0000004d,0 0 40px var(--accent-glow);transform:translateY(-6px)}.project-card__glow{background:linear-gradient(90deg,#0000,#64c8ff,#0000);background:linear-gradient(90deg,#0000,var(--accent,#64c8ff),#0000);height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s}.project-card:hover .project-card__glow{opacity:1}.project-card__content{padding:2rem}.project-card__icon{height:40px;margin-bottom:1.2rem;width:40px}.project-card__icon svg{height:100%;width:100%}.project-card__title{font-size:1.15rem;font-weight:700;letter-spacing:-.3px;margin-bottom:.8rem}.project-card__desc{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:1.2rem}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.project-card__tag{background:var(--accent-glow);border:1px solid #64c8ff1a;border-radius:4px;color:var(--accent);font-family:var(--font-mono);font-size:.72rem;padding:.25rem .65rem}.project-card__links{display:flex;gap:1rem}.project-card__link{color:var(--accent);cursor:pointer;font-family:var(--font-mono);font-size:.82rem;text-decoration:none;transition:all .3s}.project-card__link:hover{text-shadow:0 0 12px var(--accent-glow)}.contact__content{margin:0 auto;max-width:600px;text-align:center}.contact__text{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2.5rem}.contact__cta{align-items:center;background:linear-gradient(135deg,var(--accent),#4facfe);border-radius:8px;color:var(--bg-primary);display:inline-flex;font-family:var(--font-mono);font-size:1rem;font-weight:500;gap:.6rem;margin-bottom:2.5rem;padding:1rem 2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact__cta:hover{box-shadow:0 12px 40px #64c8ff4d;transform:translateY(-3px)}.contact__cta-icon{display:flex;height:20px;width:20px}.contact__cta-icon svg{height:100%;width:100%}.contact__socials{gap:1.5rem}.contact__social,.contact__socials{display:flex;justify-content:center}.contact__social{align-items:center;border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);height:44px;text-decoration:none;transition:all .3s;width:44px}.contact__social svg{height:20px;width:20px}.contact__social:hover{background:var(--accent-glow);border-color:var(--accent);box-shadow:0 6px 20px #64c8ff26;color:var(--accent);transform:translateY(-3px)}.footer{border-top:1px solid var(--border);padding:2rem;position:relative;text-align:center;z-index:1}.footer p{color:var(--text-dim);font-family:var(--font-mono);font-size:.78rem}@media (max-width:900px){.about__grid{grid-template-columns:1fr}}@media (max-width:768px){.navbar__links{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e17f7;border-left:1px solid var(--border);flex-direction:column;gap:2.5rem;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.4,0,.2,1);width:70%}.navbar__links--open{right:0}.navbar__links a{font-size:1.1rem}.navbar__burger{display:flex;z-index:101}.about__stats{flex-wrap:wrap}.projects__grid{grid-template-columns:1fr}.darkos{height:350px}.darkos-window{width:260px}.techzone__content-inner{padding:1rem}.experimental__grid{grid-template-columns:1fr}.experimental__card,.experimental__grid{gap:.75rem;max-width:100%;overflow:hidden}.experimental__card{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;padding:.8rem 1rem;text-align:left}.experimental__card-icon{flex-shrink:0;font-size:1.6rem;margin-bottom:0;text-align:center;width:2rem}.experimental__card-body{flex:1 1;min-width:0}.experimental__card-title{font-size:.85rem;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.experimental__card-desc{display:none}.experimental__card-actions{justify-content:flex-start;margin-bottom:0}.experimental__btn{font-size:.7rem;padding:.35rem .7rem}}.experimental__tag{color:#f44!important}.experimental__title-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f44,#ff6b6b);-webkit-background-clip:text;background-clip:text}.experimental__subtitle{color:#ff6464b3;font-family:var(--font-mono);font-size:1.05rem;margin-bottom:2rem;margin-top:-1.5rem}.experimental__grid{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);max-width:100%;overflow:hidden;width:100%}@media (max-width:900px){.experimental__grid{gap:1rem;grid-template-columns:1fr}}.experimental__card{background:var(--bg-card);border:1px solid #ff444426;border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.experimental__card:hover{border-color:#ff444459;box-shadow:0 8px 30px #ff44441a;transform:translateY(-2px)}.experimental__card--danger{background:linear-gradient(135deg,var(--bg-card),#ff00000d);border-color:#ff44444d}.experimental__card--danger:hover{border-color:#f449;box-shadow:0 8px 30px #f003}.experimental__card-icon{font-size:2.5rem;margin-bottom:1rem}.experimental__card-body{flex:1 1;min-width:0}.experimental__card-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.experimental__card-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:1.5rem}.experimental__card-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.experimental__btn{border:1px solid;border-radius:6px;cursor:pointer;font-family:var(--font-mono);font-size:.78rem;font-weight:600;padding:.5rem 1.2rem;transition:all .3s}.experimental__btn:disabled{cursor:not-allowed;opacity:.4}.experimental__btn--rain{background:#6496ff1a;border-color:#6496ff4d;color:#6496ff}.experimental__btn--rain:hover:not(:disabled){background:#6496ff33;border-color:#6496ff}.experimental__btn--snow{background:#b4dcff1a;border-color:#b4dcff4d;color:#b4dcff}.experimental__btn--snow:hover:not(:disabled){background:#b4dcff33;border-color:#b4dcff}.experimental__btn--alien{background:#50ff501a;border-color:#50ff504d;color:#50ff50}.experimental__btn--alien:hover:not(:disabled){background:#50ff5033;border-color:#50ff50}.experimental__btn--destruct{background:#ff323226;border-color:#ff323280;color:#ff3232}.experimental__btn--destruct:hover:not(:disabled){background:#ff32324d;border-color:#ff3232;box-shadow:0 0 15px #ff00004d}.project-card--link{color:inherit;display:block;text-decoration:none}.project-detail{padding-bottom:5rem;padding-top:6rem;position:relative;z-index:1}.project-detail__inner{margin:0 auto;max-width:1100px;padding:0 2rem}.project-detail__back{color:var(--accent);display:inline-block;font-family:var(--font-mono);font-size:.85rem;margin-bottom:2rem;text-decoration:none;transition:all .3s}.project-detail__back:hover{text-shadow:0 0 12px var(--accent-glow);transform:translateX(-4px)}.project-detail__back-btn{background:#0000;border:1px solid var(--accent);border-radius:6px;color:var(--accent);cursor:pointer;font-family:var(--font-mono);font-size:.9rem;padding:.7rem 1.4rem;transition:all .3s}.project-detail__back-btn:hover{background:var(--accent-glow)}.project-detail__hero{overflow:hidden;padding-bottom:3rem;position:relative}.project-detail__hero-glow{background:radial-gradient(ellipse at center,var(--accent-glow),#0000 60%);height:600px;left:50%;opacity:.5;pointer-events:none;position:absolute;top:-100px;transform:translateX(-50%);width:800px;z-index:-1}.project-detail__hero-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1.4fr 1fr;margin-bottom:3rem}.project-detail__meta-row{display:flex;gap:.6rem;margin-bottom:1.2rem}.project-detail__meta-pill{background:var(--accent-glow);border:1px solid #64c8ff26;border-radius:100px;color:var(--accent);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;padding:.25rem .7rem;text-transform:uppercase}.project-detail__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;letter-spacing:-1.5px;line-height:1.05;margin-bottom:1rem}.project-detail__tagline{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:1.4rem;max-width:540px}.project-detail__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.project-detail__cta-row{display:flex;flex-wrap:wrap;gap:1rem}.project-detail__cta{border-radius:6px;font-family:var(--font-mono);font-size:.9rem;letter-spacing:.02em;padding:.85rem 1.6rem;text-decoration:none;transition:all .3s}.project-detail__cta--primary{background:var(--accent);border:1px solid var(--accent);color:var(--bg-primary);font-weight:600}.project-detail__cta--primary:hover{box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}.project-detail__cta--ghost{background:#0000;border:1px solid var(--accent);color:var(--accent)}.project-detail__cta--ghost:hover{background:var(--accent-glow)}.project-detail__art-frame,.project-detail__hero-art{display:flex;justify-content:center}.project-detail__art-frame{align-items:center;aspect-ratio:1/1;background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border:1px solid var(--border);border-radius:16px;box-shadow:0 30px 80px #0006;max-width:360px;overflow:hidden;position:relative;width:100%}.project-detail__art-grid{background-image:linear-gradient(var(--border) 1px,#0000 1px),linear-gradient(90deg,var(--border) 1px,#0000 1px);background-size:32px 32px;inset:0;mask-image:radial-gradient(circle at center,#000 40%,#0000 80%);-webkit-mask-image:radial-gradient(circle at center,#000 40%,#0000 80%);opacity:.6;position:absolute}.project-detail__art-icon{filter:drop-shadow(0 0 24px var(--accent-glow));height:96px;position:relative;width:96px;z-index:2}.project-detail__art-icon svg{height:100%;width:100%}.project-detail__art-pulse{animation:detailPulse 3s ease-in-out infinite;border:1px solid var(--accent);border-radius:50%;height:200px;opacity:.3;position:absolute;width:200px}@keyframes detailPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.05;transform:scale(1.1)}}.project-detail__facts{grid-gap:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:1.5rem}.project-detail__fact dt{color:var(--text-dim);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;margin-bottom:.4rem;text-transform:uppercase}.project-detail__fact dd{color:var(--text-primary);font-size:.95rem;font-weight:500}.project-detail__block{margin-top:4rem}.project-detail__h2{font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1.5rem}.project-detail__body{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;max-width:780px}.project-detail__split{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.project-detail__features{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-detail__feature{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:1.4rem 1.5rem;transition:all .3s}.project-detail__feature:hover{border-color:#64c8ff33;border-left-color:var(--accent);box-shadow:0 12px 30px #00000040;transform:translateY(-3px)}.project-detail__feature-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.project-detail__feature-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.65}.project-detail__stack{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.project-detail__stack-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.2rem}.project-detail__stack-name{color:var(--accent);font-family:var(--font-mono);font-size:.9rem;font-weight:600;margin-bottom:.4rem}.project-detail__stack-why{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.project-detail__metrics{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.project-detail__metric{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:1.8rem 1.2rem;position:relative;text-align:center}.project-detail__metric:before{background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.project-detail__metric-value{color:var(--accent);font-family:var(--font-mono);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.4rem}.project-detail__metric-label{color:var(--text-secondary);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.project-detail__next-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-card--mini .project-card__content{padding:1.4rem}.project-card--mini .project-card__title{font-size:1rem}.project-card--mini .project-card__desc{font-size:.85rem;margin-bottom:1rem}.project-detail--missing{align-items:center;display:flex;min-height:70vh}.project-detail--missing .project-detail__eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.2em;margin-bottom:1rem}.project-detail--missing .project-detail__lede{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}@media (max-width:768px){.project-detail__hero-grid,.project-detail__split{gap:2rem;grid-template-columns:1fr}.project-detail__art-frame{max-width:260px}}.project-detail__demo-section{scroll-margin-top:90px}.project-detail__demo-lede{margin-bottom:1.5rem}.project-detail__demo-frame{background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border:1px solid var(--border);border-radius:14px;box-shadow:0 30px 80px #00000059;overflow:hidden;padding:1.2rem;position:relative}.project-detail__demo-frame:before{background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.demo{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;color:var(--accent);font-family:var(--font-mono);font-size:.78rem;overflow:hidden}.demo__topbar{align-items:center;background:#00000040;border-bottom:1px solid var(--border);color:var(--text-secondary);display:flex;font-size:.7rem;gap:.5rem;letter-spacing:.03em;padding:.55rem .9rem}.demo__topbar-right{color:var(--text-dim);margin-left:auto}.demo__dot{background:var(--text-dim);border-radius:50%;display:inline-block;height:8px;width:8px}.demo__dot--live{animation:demoPulse 1.5s ease-in-out infinite;background:var(--accent);box-shadow:0 0 8px var(--accent)}@keyframes demoPulse{0%,to{opacity:1}50%{opacity:.4}}.demo__stats{grid-gap:.6rem;border-bottom:1px solid var(--border);display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:.9rem}.demo__stat{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.5rem .6rem;text-align:left}.demo__stat-label{color:var(--text-dim);font-size:.62rem;letter-spacing:.12em;margin-bottom:.25rem;text-transform:uppercase}.demo__stat-value{color:var(--accent);font-size:1.05rem;font-weight:700}.demo__chart,.demo__spark{border-bottom:1px solid var(--border);padding:.9rem}.demo__spark{border-bottom:none}.demo__chart-label{color:var(--text-dim);font-size:.65rem;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.demo__bars{align-items:flex-end;display:flex;gap:3px;height:80px}.demo__bar{background:linear-gradient(180deg,var(--accent),#64c8ff33);border-radius:2px 2px 0 0;flex:1 1;min-height:4px;transition:height .4s ease}.demo__spark-svg{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent-glow));height:60px;width:100%}.demo__term{background:var(--bg-primary);height:280px;overflow-y:auto;padding:.9rem}.demo__term-line{font-size:.78rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.demo__term-line--cmd{color:var(--text-primary)}.demo__term-line--out{color:var(--text-secondary)}.demo__term-line--ok{color:var(--accent)}.demo__term-line--err{color:#ff6c6c}.demo__term-prompt{color:var(--accent);margin-right:.4rem}.demo__term-input-row{align-items:center;display:flex;margin-top:.3rem}.demo__term-input{background:#0000;border:none;caret-color:var(--accent);color:var(--text-primary);flex:1 1;font-family:var(--font-mono);font-size:.78rem;outline:none}.demo__net{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent-glow));height:220px;padding:.5rem;width:100%}.demo__net-controls{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.6rem;padding:.8rem}.demo__net-layer{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;display:inline-flex;gap:.35rem;padding:.3rem .5rem}.demo__net-layer-label{color:var(--text-dim);font-size:.7rem}.demo__net-layer-count{color:var(--accent);min-width:1ch;text-align:center}.demo__net-actions button,.demo__net-layer button{background:#0000;border:1px solid var(--border);border-radius:4px;color:var(--accent);cursor:pointer;font-family:var(--font-mono);height:22px;line-height:1;padding:0;transition:all .2s;width:22px}.demo__net-actions{display:inline-flex;gap:.4rem;margin-left:auto}.demo__net-actions button{font-size:.7rem;padding:0 .6rem;width:auto}.demo__net-actions button:hover,.demo__net-layer button:hover{background:var(--accent-glow);border-color:var(--accent)}.demo__chat-feed{display:flex;flex-direction:column;gap:.6rem;height:260px;overflow-y:auto;padding:.9rem}.demo__chat-msg{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;max-width:78%;padding:.55rem .75rem;position:relative}.demo__chat-msg--me{align-self:flex-end;background:var(--accent-glow);border-color:#64c8ff33}.demo__chat-cipher{color:var(--text-dim);font-size:.65rem;letter-spacing:1px;margin-bottom:.2rem;opacity:.6}.demo__chat-text{color:var(--text-primary);font-family:var(--font-sans);font-size:.82rem}.demo__chat-ttl{color:var(--text-dim);font-size:.62rem;letter-spacing:.05em;margin-top:.3rem}.demo__chat-empty{color:var(--text-dim);font-style:italic;margin:auto;text-align:center}.demo__chat-input-row{border-top:1px solid var(--border);display:flex;gap:.5rem;padding:.7rem .9rem}.demo__chat-send{background:var(--accent);border:none;border-radius:6px;color:var(--bg-primary);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:.4rem .9rem;transition:all .2s}.demo__chat-send:hover{box-shadow:0 0 12px var(--accent-glow)}.demo__api-feed{display:flex;flex-direction:column-reverse;gap:.4rem;height:260px;overflow-y:auto;padding:.6rem}.demo__api-row{grid-gap:.6rem;align-items:center;animation:apiSlide .25s ease;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;display:grid;font-size:.72rem;gap:.6rem;grid-template-columns:60px 1fr 50px 60px 80px;padding:.45rem .6rem}@keyframes apiSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.demo__api-row--cached{border-left-color:#76e2f8}.demo__api-row--throttled{border-left-color:#ff9f3a}.demo__api-method{color:var(--accent);font-weight:700}.demo__api-path{color:var(--text-primary);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__api-code{color:var(--text-secondary)}.demo__api-lat,.demo__api-tag{color:var(--text-dim)}.demo__api-tag{font-size:.65rem;letter-spacing:.05em;text-align:right;text-transform:uppercase}.demo__api-row--throttled .demo__api-tag{color:#ff9f3a}.demo__api-row--cached .demo__api-tag{color:#76e2f8}.demo__pixel-canvas{background:#000;display:block;height:220px;width:100%}.demo__pixel-controls{border-top:1px solid var(--border);display:flex;gap:1.2rem;padding:.8rem .9rem}.demo__pixel-controls label{align-items:center;color:var(--text-dim);display:flex;flex:1 1;font-size:.7rem;gap:.5rem;letter-spacing:.1em;text-transform:uppercase}.demo__pixel-controls input[type=range]{accent-color:var(--accent);flex:1 1}@media (max-width:600px){.demo__api-row{grid-template-columns:50px 1fr 50px 60px}.demo__api-tag{display:none}}
/*# sourceMappingURL=main.64a2f1c2.css.map*/