#dot,.ripple{border-radius:50%}#ring,#spinner{mix-blend-mode:screen;position:fixed;pointer-events:none}#boot,#dot,#ring,#spinner{position:fixed}#boot,.clink,nav{display:flex}#ascii,#bootline,.logo{font-family:JetBrains Mono,monospace}#bootline,.navlinks a{text-transform:uppercase}#bootline,.card{backdrop-filter:blur(2px)}.clink,.navlinks a{text-decoration:none}#dot,#ring,#spinner,.boot-scan,.gridbg,.matrix-bg,.ripple-wrap,body:after{pointer-events:none}.scanline,nav{top:0;right:0}*,.card,.clink,.noise-btn,.terminal-card{-webkit-tap-highlight-color:transparent}#bootprogress,.clink,.pfp-frame,.terminal-card{overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}:focus{outline:0}:root{--blue-deep:#0f2b5c;--blue-mid:#1e40af;--blue-dim:#2c5282;--gray-light:#f0f3f8;--gray-mid:#cbd5e1;--gray-dark:#1e293b;--bg:#000000;--surface:#0a0c10}html{scroll-behavior:smooth}body{background:url(https://files.catbox.moe/1nnmpo.gif) 50%/cover no-repeat fixed;color:var(--gray-light);font-family:Space Grotesk,sans-serif;overflow-x:hidden;cursor:none}#dot{width:5px;height:5px;background:#fff;z-index:9999;mix-blend-mode:difference;transition:transform .05s linear}#ring{width:30px;height:30px;border:1px solid rgba(74,125,224,.6);border-radius:50%;z-index:9998;transition:.2s cubic-bezier(.2,1.2,.8,1)}#ring.big{width:50px;height:50px;border-color:#4a7de0;margin-left:-10px;margin-top:-10px;opacity:.8}#spinner{width:42px;height:42px;border-color:#1e40af transparent #4a7de0;border-style:solid;border-width:1px;border-radius:50%;z-index:9997;animation:cursorSpin 1.5s linear infinite;margin-left:-21px;margin-top:-21px}@keyframes cursorSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}#boot{inset:0;background:#000;z-index:1000;flex-direction:column;align-items:center;justify-content:center;gap:28px;transition:.2s}#boot.leaving{animation:bootOut 1.2s cubic-bezier(.87,0,.13,1) forwards}@keyframes bootOut{0%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 100% 0);opacity:0;visibility:hidden}}.boot-glitch{animation:asciiGlitch .8s infinite alternate}@keyframes asciiGlitch{0%{text-shadow:0 0 2px #1e40af,0 0 5px #0f2b5c;opacity:.9;transform:skew(0)}25%{text-shadow:-2px 0 #2c5282,2px 0 #1e40af;opacity:1;transform:skew(1deg)}50%{text-shadow:2px 0 #2c5282,-2px 0 #1e40af;opacity:.95;transform:skew(-1deg)}75%{text-shadow:0 0 8px #1e40af,0 0 12px #0f2b5c;opacity:1;transform:skew(.5deg)}to{text-shadow:0 0 3px #1e40af,0 0 6px #0f2b5c;opacity:.9;transform:skew(0)}}.boot-scan{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#1e40af,#4a7de0,#1e40af,transparent);animation:bootScan 2s linear infinite;z-index:10}.gridbg,.matrix-bg,body:after,nav{position:fixed}@keyframes bootScan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}#ascii{font-size:clamp(5px,1.2vw,13px);color:#1e40af;line-height:1.2;white-space:pre;text-shadow:0 0 6px #1e40af;letter-spacing:1px;transition:.1s}#bootprogress{width:280px;height:2px;background:#1a1a1a;position:relative;border-radius:4px;box-shadow:0 0 4px rgba(30,64,175,.3)}#bootbar{position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,#0f2b5c,#1e40af,#4a7de0);animation:bootfill 3.2s cubic-bezier(.34,1.2,.64,1) .2s forwards;filter:blur(.5px)}@keyframes bootfill{0%{width:0;opacity:.6}50%{width:65%;opacity:1}to{width:100%;opacity:1}}#bootline{font-size:11px;color:#8a9bb5;letter-spacing:.2em;background:rgba(0,0,0,.6);padding:6px 16px;border-left:3px solid #1e40af;box-shadow:0 0 12px rgba(30,64,175,.2)}#bootline span{animation:blink .9s step-end infinite}@keyframes blink{50%{opacity:0}}.matrix-bg{top:0;left:0;width:100%;height:100%;z-index:5;opacity:0;transition:opacity .5s}.matrix-bg canvas{width:100%;height:100%;display:block}.glitch,.logo span{display:inline-block}body:after{content:"";inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 5px);z-index:1}.gridbg{inset:0;background-image:linear-gradient(rgba(30,64,175,.08) 1px,transparent 0),linear-gradient(90deg,rgba(30,64,175,.08) 1px,transparent 0);background-size:42px 42px;z-index:0;animation:drift 20s linear infinite}.clink,.glitch{position:relative}@keyframes drift{0%{transform:translate(0)}to{transform:translate(42px,42px)}}nav{left:0;z-index:100;padding:18px 48px;justify-content:space-between;align-items:center;backdrop-filter:blur(16px);background:rgba(0,0,0,.75);border-bottom:1px solid rgba(30,64,175,.3);transform:translateY(-100%);animation:slideNav .6s cubic-bezier(.2,.9,.4,1.1) 4.2s forwards}@keyframes slideNav{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.logo{font-size:15px;color:#fff;letter-spacing:-.3px}.logo span{width:7px;height:7px;background:#1e40af;border-radius:1px;margin-left:4px;animation:blink 1s infinite}.navlinks a{font-size:10px;color:#9aaec0;margin-left:28px;letter-spacing:.14em;transition:.2s;border-bottom:1px dotted transparent}.navlinks a:hover{color:#fff;border-bottom-color:#1e40af}.glitch:after,.glitch:before{content:attr(data-t);position:absolute;left:0;top:0;width:100%;height:100%;opacity:.7}.glitch:before{color:#2c5282;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:gl1 3.2s infinite}.glitch:after{color:#8ba3c4;clip-path:polygon(0 70%,100% 70%,100% 100%,0 100%);animation:gl2 3.2s infinite}@keyframes gl1{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,1px)}95%{transform:translate(2px,-1px)}}@keyframes gl2{0%,88%,to{transform:translate(0)}90%{transform:translate(2px,-1px)}94%{transform:translate(-2px,1px)}}.fade-up{opacity:0;transform:translateY(25px);transition:opacity .6s,transform .6s}.fade-up.in{opacity:1;transform:translateY(0)}.card{border:1px solid rgba(255,255,255,.08);transition:.25s;background:rgba(10,12,20,.6)}.card:hover{transform:translateY(-5px);border-color:#1e40af;box-shadow:0 8px 28px rgba(30,64,175,.12)}.pbar{height:1px;background:linear-gradient(90deg,#0f2b5c,#1e40af);width:0;transition:width 1.4s cubic-bezier(.22,.97,.36,1)}.pbar.go{width:var(--w)}.gr{background:linear-gradient(125deg,#fff,#a2c0f0,#5b8cdf);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.bob{animation:bob 2.8s ease-in-out infinite}.bob2{animation:bob 2.8s ease-in-out .4s infinite}.bob3{animation:bob 2.8s ease-in-out .8s infinite}.clink{align-items:center;gap:14px;padding:14px 20px;border:1px solid #2a2a35;border-radius:14px;color:#bbb;background:rgba(0,0,0,.3);transition:.3s cubic-bezier(.34,1.2,.64,1);max-width:100%}.clink-icon,.kl-pill{display:flex;align-items:center}.clink:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(30,64,175,.08) 50%,transparent 60%);transform:translateX(-100%);transition:transform .6s}.clink:hover:before{transform:translateX(100%)}.clink:hover{background:#10141f;border-color:#1e40af;color:#fff;transform:translateX(6px);box-shadow:0 0 18px rgba(30,64,175,.18),inset 0 0 18px rgba(30,64,175,.04)}.clink-icon{width:42px;height:42px;border-radius:12px;background:#000;border:1px solid #1e40af;justify-content:center;transition:.3s;flex-shrink:0}.clink-icon svg{width:22px;height:22px;stroke:#e2e8f0;stroke-width:1.5;fill:none;transition:.3s}.clink:hover .clink-icon svg{stroke:#fff;transform:scale(1.08) rotate(-3deg)}.clink:hover .clink-icon{box-shadow:0 0 12px rgba(30,64,175,.5);transform:scale(1.08) rotate(-3deg);border-color:#4a7de0}.clink-arrow{margin-left:auto;opacity:.4;transition:.3s;font-size:16px}.clink:hover .clink-arrow{opacity:1;transform:translate(3px,-3px)}.kl-pill{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(25px) scale(.9);opacity:0;background:#03050a;border:1px solid #1e40af;border-radius:60px;padding:8px 20px;gap:12px;backdrop-filter:blur(20px);z-index:60;transition:.3s cubic-bezier(.34,1.2,.64,1);font-family:monospace}.kl-pill.show{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}.ripple-wrap{position:fixed;inset:0;z-index:999}.ripple{position:absolute;border:1px solid #1e40af;transform:translate(-50%,-50%);animation:ripout .8s ease-out forwards}@keyframes ripout{0%{width:0;height:0;opacity:.6}to{width:120px;height:120px;opacity:0}}.pdot{position:relative;display:inline-flex}.particle,.scanline{position:fixed;pointer-events:none}.pdot:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:#10b981;opacity:.3;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.3}to{transform:scale(2.2);opacity:0}}.particle{border-radius:2px;animation:fall linear infinite;z-index:0;background:#1e40af;opacity:.2}@keyframes fall{0%{transform:translateY(-20vh) rotate(0);opacity:0}10%{opacity:.35}90%{opacity:.15}to{transform:translateY(110vh) rotate(1turn);opacity:0}}.scanline{left:0;height:2px;background:linear-gradient(transparent,rgba(30,64,175,.15),transparent);z-index:2;animation:scanline 7s linear infinite}.blink-cursor-rev,.term-cursor{vertical-align:middle;margin-left:2px;animation:blink 1s step-end infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.terminal-card{background:#0c0c0c;border:1px solid #2c2c2c;border-radius:6px;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.5)}.terminal-card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 0,transparent 3px);pointer-events:none;z-index:2}.terminal-bar{padding:8px 12px;background:#111;border-bottom:1px solid #1a1a1a;display:flex;align-items:center;gap:6px}.t-dot{width:10px;height:10px;border-radius:50%;background:#475569}.t-dot:first-child{background:#ef4444}.t-dot:nth-child(2){background:#eab308}.t-dot:nth-child(3){background:#10b981}.term-prompt{color:#1e40af}.term-command{color:#fff}.term-output{color:#a3b8d4}.term-cursor{display:inline-block;width:7px;height:13px;background-color:#2c5282}.rev-line{display:block;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.9}.noise-btn,.spotify-player{font-family:Space Grotesk,sans-serif;transition:.2s}.rev-number{color:#2c5282;font-weight:700}.rev-cmd{color:#e2e8f0}.blink-cursor-rev{display:inline-block;width:6px;height:12px;background-color:#1e40af}.pulse-glow{animation:softPulse 3s ease-in-out infinite}@keyframes softPulse{0%,to{border-color:rgba(30,64,175,.2);box-shadow:0 0 0 rgba(30,64,175,0)}50%{border-color:rgba(30,64,175,.5);box-shadow:0 0 12px rgba(30,64,175,.12)}}.noise-btn{background:#fff;color:#000;padding:10px 24px;border-radius:40px;font-weight:700;letter-spacing:1px;border:none;cursor:none}.noise-btn:hover{background:#1e40af;color:#fff;transform:scale(.96)}.spotify-player{position:fixed;bottom:24px;right:24px;z-index:200;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);border-radius:40px;padding:8px 20px 8px 12px;border:1px solid rgba(30,64,175,.6);display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 0 12px rgba(0,0,0,.5)}.spotify-player:hover{border-color:#4a7de0;background:rgba(10,16,30,.95);transform:scale(1.02);box-shadow:0 0 18px rgba(30,64,175,.3)}.play-btn{width:36px;height:36px;border-radius:50%;background:rgba(30,64,175,.2);display:flex;align-items:center;justify-content:center;font-size:20px;transition:.2s;color:#1e40af;border:1px solid #1e40af}.play-btn.playing{background:#1e40af;color:#fff;box-shadow:0 0 12px #1e40af;border-color:#4a7de0}.track-info{display:flex;flex-direction:column;line-height:1.3}.track-name{font-size:12px;font-weight:600;color:#fff;letter-spacing:-.2px}.track-artist{font-size:9px;color:#8ba3c4;font-family:monospace}.playing-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;gap:3px}.playing-indicator span{width:3px;height:8px;background:#1e40af;display:inline-block;border-radius:2px;animation:bars .8s ease-in-out infinite alternate}.playing-indicator span:nth-child(2){animation-delay:.2s;height:12px}.playing-indicator span:nth-child(3){animation-delay:.4s;height:6px}@keyframes bars{0%{height:6px;opacity:.4}to{height:16px;opacity:1}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#010101}::-webkit-scrollbar-thumb{background:#1e40af;border-radius:3px}@media (max-width:768px){.lg-grid{grid-template-columns:1fr!important;gap:40px!important}nav{padding:12px 20px}.navlinks a{margin-left:20px}.spotify-player{padding:5px 14px 5px 8px}.play-btn{width:30px;height:30px;font-size:16px}.track-name{font-size:10px}.clink-icon svg{width:18px;height:18px}.card,.clink,.noise-btn,.pfp-frame,.terminal-card{outline:0!important;-webkit-tap-highlight-color:transparent!important;box-shadow:none!important}}.pfp-frame{width:112px;height:112px;border-radius:50%;border:2px solid #fff;margin-bottom:28px;transition:.3s;box-shadow:none}.pfp-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15);transition:transform .4s cubic-bezier(.2,.9,.4,1.1)}.pfp-frame:hover{border-color:#aaa;transform:scale(1.02);box-shadow:none}.pfp-frame:hover img{transform:scale(1.05);filter:grayscale(0)}