*{box-sizing:border-box}
html {
    scroll-behavior:smooth;
    scrollbar-gutter:stable}
:root{--bg:#071117;--bg-deep:#03080c;--surface:rgba(9,24,32,.74);--surface-strong:rgba(5,15,21,.94);--text:#f5feff;--muted:#9fd8e6;--accent:#00f6ff;--accent-2:#7b5cff;--accent-3:#38ff9b;--accent-soft:rgba(0,246,255,.13);--grid:rgba(0,246,255,.055);--border:rgba(74,211,229,.24);--particle:#00f6ff;--click:#00f6ff;--nav-bg:rgba(5,18,25,.86);--nav-shadow:rgba(0,0,0,.38)}
body.light-mode{--bg:#ccecf9;--bg-deep:#edfaff;--surface:rgba(240,251,255,.8);--surface-strong:rgba(232,248,255,.95);--text:#102f40;--muted:#285e74;--accent:#087db4;--accent-2:#6552cf;--accent-3:#14965f;--accent-soft:rgba(8,125,180,.12);--grid:rgba(8,125,180,.09);--border:rgba(8,125,180,.27);--particle:#319ed0;--click:#168ac2;--nav-bg:rgba(235,249,255,.9);--nav-shadow:rgba(30,90,120,.18)}
body{margin:0;min-height:100vh;overflow-x:hidden;font-family:"Aldrich",sans-serif;color:var(--text);background:radial-gradient(circle at 15% 15%,var(--accent-soft),transparent 27%),radial-gradient(circle at 85% 75%,rgba(123,92,255,.1),transparent 25%),var(--bg);position:relative;transition:background .5s,color .5s}
body::before{content:"";position:fixed;inset:-80px;z-index:-3;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:50px 50px;animation:movingGrid 14s linear infinite;mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent)}
body::after{content:"";position:fixed;inset:0;z-index:9000;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.26));opacity:.65}
body.light-mode::after{opacity:.22}
@keyframes movingGrid{to{background-position:50px 50px}}
::selection{background:var(--accent);color:var(--bg-deep)}
.glow{position:fixed;left:50%;top:50%;width:360px;height:360px;border-radius:50%;background:var(--accent);filter:blur(115px);opacity:.14;pointer-events:none;transform:translate(-50%,-50%);z-index:-1}
.site-header{position:sticky;top:0;z-index:5000;width:100%;padding-top:8px}
.site-header::before{content:"SYSTEM // ONLINE";display:block;width:max-content;margin:0 auto -8px;padding:2px 10px;border:1px solid var(--border);border-bottom:0;border-radius:7px 7px 0 0;background:var(--nav-bg);color:var(--muted);font-size:9px;letter-spacing:3px;opacity:.8}
nav{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;padding:13px 15px;background:var(--nav-bg);border:1px solid var(--border);border-radius:0 0 18px 18px;box-shadow:0 10px 30px var(--nav-shadow),inset 0 -1px 0 rgba(255,255,255,.05);backdrop-filter:blur(18px)}
nav::after{content:"";position:absolute;left:3%;right:3%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
nav a,.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--text);text-decoration:none;font-family:inherit;font-weight:bold;font-size:14px;line-height:1;padding:10px 14px;min-height:38px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(135deg,var(--accent-soft),rgba(255,255,255,.025));cursor:pointer;overflow:hidden;transition:.25s ease}
nav a::before,.theme-toggle::before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:.45s}
nav a:hover::before,.theme-toggle:hover::before{transform:translateX(110%)}
nav a:hover,.theme-toggle:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-3px) scale(1.045);box-shadow:0 0 12px var(--accent-soft),0 8px 25px rgba(0,0,0,.18);text-shadow:0 0 8px var(--accent)}
main{position:relative;z-index:1;width:min(920px,calc(100% - 40px));margin:0 auto;padding:55px 0 100px}
section{position:relative;isolation:isolate;margin-bottom:34px;padding:28px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 42%),var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(9px);transition:transform .35s,box-shadow .35s,border-color .35s}
section::before{content:"";position:absolute;top:0;left:-30%;width:45%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.65;transition:left .7s}
section:hover::before{left:90%}
main section:hover{transform:translateY(-8px) scale(1.012);border-color:var(--accent);box-shadow:0 22px 65px rgba(0,0,0,.2),0 0 25px var(--accent-soft)}
h1,h2,h3,p,li{transition:color .4s,text-shadow .4s}
h1{margin-top:0;color:var(--text);font-size:clamp(30px,5vw,46px);line-height:1.1;letter-spacing:1px;text-shadow:0 0 10px var(--accent-soft);animation:headingFloat 3.2s ease-in-out infinite alternate,headingGlow 2.5s ease-in-out infinite alternate}
h1::after{content:" //";color:var(--accent);opacity:.8}
h2{color:var(--muted);margin-top:25px;text-shadow:0 0 7px var(--accent-soft);animation:subheadingGlow 3s ease-in-out infinite alternate}
h3{color:var(--accent)}
@keyframes headingFloat{to{transform:translateY(-4px)}}@keyframes headingGlow{to{text-shadow:0 0 10px var(--accent),0 0 22px var(--accent-soft)}}@keyframes subheadingGlow{to{text-shadow:0 0 8px var(--accent)}
p{padding:5px 0;line-height:1.75}ul{line-height:1.8;padding-left:25px}li{margin-bottom:8px;transition:transform .25s,color .25s}li:hover{transform:translateX(6px);color:var(--accent);text-shadow:0 0 8px var(--accent-soft)}
img,video{max-width:100%;height:auto;border-radius:14px;transition:transform .4s,filter .4s,box-shadow .4s}
img:hover,video:hover{transform:translateY(-7px) scale(1.025);filter:drop-shadow(0 0 8px var(--accent)) drop-shadow(0 0 22px var(--accent-soft))}
.featured-image{display:block;width:100%;margin:15px auto}
.about-avatar{width:200px!important;height:200px!important;object-fit:cover;border-radius:50%!important;display:block;margin:25px auto 10px;border:2px solid var(--accent);box-shadow:0 0 0 5px var(--accent-soft),0 0 35px var(--accent-soft)}
.video-section video{display:block;margin:auto;border:1px solid var(--border);box-shadow:0 0 30px var(--accent-soft)}
body.light-mode .secret-button,body.light-mode .tetris-button,body.light-mode .unlock-button{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
body.light-mode .tetris-board-container,body.light-mode .tetris-info,body.light-mode .secret-box{background:rgba(240,251,255,.9);border-color:var(--border)}
body.light-mode #tetris-board,body.light-mode .secret-input{background:#dff4ff;color:var(--text)}
body.light-mode .tetris-info h3,body.light-mode .easter-egg h2{color:var(--accent)}
body.light-mode .tetris-stat{background:var(--accent-soft)}body.light-mode .tetris-stat strong{color:var(--text)}
body.light-mode .tetris-subtitle,body.light-mode .tetris-message,body.light-mode .box-status,body.light-mode .tetris-controls{color:var(--muted)}
body.light-mode .easter-egg{border-color:var(--accent);background:radial-gradient(circle at center,var(--accent-soft),transparent 65%)}
.secret-button,.tetris-button,.unlock-button{position:relative;overflow:hidden}
.tetris-board-container,.tetris-info,.secret-box{box-shadow:0 0 25px var(--accent-soft),inset 0 0 30px var(--accent-soft)!important;backdrop-filter:blur(8px)}
#particle-container{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9999}
.boot-letter{display:inline;white-space:normal;padding:0;margin:0;border:0}.boot-letter.boot-flicker{color:var(--accent);text-shadow:0 0 6px var(--accent),0 0 14px var(--accent-soft)}
#system-boot-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:#02070b;color:#bfffff;pointer-events:none;animation:bootOut .7s 1.15s forwards}
.boot-panel{width:min(560px,calc(100% - 40px));padding:26px;border:1px solid rgba(0,246,255,.4);border-radius:14px;background:rgba(2,12,17,.92);box-shadow:0 0 45px rgba(0,246,255,.15),inset 0 0 30px rgba(0,246,255,.04);font-size:12px;letter-spacing:1px}.boot-title{margin-bottom:14px;color:#00f6ff;font-size:18px}.boot-line{margin:7px 0;opacity:0;animation:bootIn .3s forwards}.boot-line:nth-child(2){animation-delay:.12s}.boot-line:nth-child(3){animation-delay:.25s}.boot-line:nth-child(4){animation-delay:.38s}.boot-line:nth-child(5){animation-delay:.51s}
@keyframes bootIn{to{opacity:1}}@keyframes bootOut{to{opacity:0;visibility:hidden}}
.system-glitch{position:fixed;inset:0;z-index:99999;pointer-events:none;overflow:hidden}.system-glitch__bar{position:absolute;height:2px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.system-glitch__block{position:absolute;background:var(--accent);opacity:.6}
.js-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js-reveal.is-visible{opacity:1;transform:none}
#scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;z-index:10001;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));box-shadow:0 0 12px var(--accent)}
#site-status{position:fixed;left:16px;bottom:15px;z-index:9998;padding:6px 9px;border:1px solid var(--border);border-radius:7px;background:var(--nav-bg);color:var(--muted);font:9px/1 "Aldrich",sans-serif;letter-spacing:2px;opacity:.72;backdrop-filter:blur(10px)}
@media(max-width:650px){.site-header{padding-top:4px}.site-header::before{font-size:7px;letter-spacing:2px}nav{gap:6px;padding:10px 7px;border-radius:0 0 13px 13px}nav a,.theme-toggle{font-size:11px;padding:8px 9px;min-height:34px}main{width:min(100% - 24px,920px);padding-top:30px}section{padding:20px}h1{font-size:29px}.glow{width:220px;height:220px}#site-status{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.boot-letter.boot-flicker{text-shadow:none}}