@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;600;700&family=Orbitron:wght@700;800;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--display:"Orbitron", "Inter", ui-sans-serif, system-ui, sans-serif;color:#f8f8fb;--bg:#070910;--panel:#10131c;--line:#ffffff21;--text:#f8f8fb;--muted:#a9afbd;--accent:#f8f8fb;--accent-soft:#ffffff14;background:#070910;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(ellipse at top, #ffffff17, #ffffff06 28%, transparent 58%), linear-gradient(180deg, #07080b 0%, #030407 42%, #010205 100%), var(--bg);min-width:320px;margin:0;position:relative}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(#000 0%,#000000c7 42%,#0000 82%);mask-image:linear-gradient(#000 0%,#000000c7 42%,#0000 82%)}body:after{z-index:0;opacity:.32;background-image:radial-gradient(circle,#ffffff94 0 1.5px,#0000 2px),radial-gradient(circle,#ffffff6b 0 1px,#0000 1.5px);background-position:18% 26%,63% 38%;background-size:310px 230px,420px 360px;-webkit-mask-image:linear-gradient(#0000 0%,#000 13% 62%,#0000 96%);mask-image:linear-gradient(#0000 0%,#000 13% 62%,#0000 96%)}a{color:inherit;text-decoration:none}button,a{font:inherit}.site{z-index:1;width:min(1100px,100% - 40px);margin:0 auto;position:relative}.nav{grid-template-columns:1fr auto auto;align-items:center;gap:28px;min-height:74px;display:grid}.brand{font-size:24px;font-weight:850}.nav nav{color:var(--muted);gap:28px;font-size:14px;font-weight:700;display:flex}.background-audio{display:none}.key,kbd{border:1px solid var(--line);color:#e4e7ef;height:34px;font-family:var(--mono);background:#ffffff0a;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:750;display:inline-flex}.hero{grid-template-columns:minmax(0,1fr) minmax(420px,520px);align-items:center;gap:64px;min-height:620px;padding:34px 0 70px;display:grid}.intro{color:var(--muted);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0 0 18px;font-size:13px}.intro span{color:#b48cff;text-shadow:0 0 10px #b48cffcc,0 0 26px #b48cff73}.hero h1{letter-spacing:0;margin:0;font-size:clamp(56px,7vw,82px);line-height:1}.hero h1 span{color:#0000;background:linear-gradient(90deg,#ff3b5c,#24c8df,#72ff6a,#7c5cff,#ff3b5c) 0 0/320% 100%;font-family:var(--display);text-shadow:0 0 28px #24c8df38;-webkit-background-clip:text;background-clip:text;font-weight:900;animation:4s linear infinite rgb-shift;display:inline-block}@keyframes rgb-shift{to{background-position:320% 0}}.hero-description{color:#c8ccd6;max-width:540px;font-family:var(--mono);letter-spacing:0;margin:24px 0 0;font-size:17px;line-height:1.55}.actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{border:1px solid var(--line);color:#f0f2f7;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-weight:800;display:inline-flex}.button.primary{color:#020306;background:var(--accent);border-color:#0000;box-shadow:0 18px 46px #ffffff1f}.portrait-card{background:#03050a;border:1px solid #ffffff5c;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 34px #ffffff29,0 0 96px #ffffff17,0 28px 90px #0000006b}.portrait-card video{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.section,.profile-section,.media-section{border-top:1px solid #ffffff14;padding:70px 0}.section-head{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}h2{margin:0;font-size:clamp(32px,4vw,46px)}.section-head a{color:var(--accent);align-items:center;gap:8px;font-weight:800;display:inline-flex}.projects{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project{border:1px solid var(--line);background:#ffffff09;border-radius:8px;min-height:220px;padding:24px}.project svg{color:var(--accent)}.project small{color:var(--muted);font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;margin-top:38px;font-size:11px;display:block}.project h3{margin:16px 0 12px;font-size:23px}.project p,.profile-card p{color:#c3c8d3;line-height:1.6}.product-link{color:var(--text);align-items:center;gap:8px;margin-top:22px;font-size:14px;font-weight:800;display:inline-flex}.profile-grid{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.profile-card,.settings-card{border:1px solid var(--line);background:#ffffff09;border-radius:8px;padding:24px}.profile-top{grid-template-columns:64px 1fr auto;align-items:center;gap:16px;display:grid}.profile-top img{object-fit:cover;border:1px solid #fff3;border-radius:10px;width:64px;height:64px}.profile-top h3,.settings-card h3{margin:0;font-size:24px}.profile-top p{color:var(--muted);margin:5px 0 0}.profile-top .custom-status{color:#e4e7ef;max-width:360px;font-size:13px;line-height:1.35}.status-dot{color:var(--muted);font-family:var(--mono);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:inline-flex}.status-dot:before{content:"";background:#8f96a3;border-radius:50%;width:9px;height:9px}.status-dot.online:before{background:#23a55a;box-shadow:0 0 14px #23a55a8c}.status-dot.idle:before{background:#f0b232;box-shadow:0 0 14px #f0b2327a}.status-dot.dnd:before{background:#f23f43;box-shadow:0 0 14px #f23f4385}.status-dot.offline:before,.status-dot.loading:before,.status-dot.error:before,.status-dot.missing:before{box-shadow:none;background:#80848e}.activity-card,.spotify-card{border:1px solid var(--line);background:#0000002e;border-radius:8px;grid-template-columns:76px 1fr;align-items:center;gap:14px;margin:24px 0;padding:16px;display:grid}.spotify-card{margin-top:-12px}.activity-card img,.spotify-card img,.activity-empty,.spotify-empty{border:1px solid var(--line);object-fit:cover;background:#ffffff09;border-radius:8px;width:76px;height:76px}.activity-empty,.spotify-empty{color:var(--muted);place-items:center;display:grid}.activity-card span,.spotify-card span,.settings-list span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;margin-bottom:6px;font-size:12px;display:block}.activity-card strong,.spotify-card strong{color:var(--text);font-size:15px}.activity-card p,.spotify-card p{color:#c3c8d3;margin:5px 0 0;font-size:13px;line-height:1.4}.spotify-progress{margin-top:12px}.progress-track{background:#ffffff1a;border-radius:999px;width:100%;height:5px;position:relative;overflow:hidden}.progress-track span{border-radius:inherit;background:#f8f8fb;height:100%;display:block;box-shadow:0 0 12px #ffffff52}.progress-time{color:var(--muted);font-family:var(--mono);justify-content:space-between;margin-top:7px;font-size:11px;display:flex}.settings-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.settings-list div,.setting-button{border:1px solid var(--line);min-height:76px;color:inherit;text-align:left;background:#0000002e;border-radius:8px;gap:7px;padding:14px;display:grid}.setting-button{cursor:pointer;transition:border-color .16s,background .16s}.setting-button:hover{background:#ffffff0e;border-color:#ffffff57}.settings-list strong,.setting-button strong{color:var(--text);font-size:20px}.media-section{padding-bottom:92px}.media-label{color:var(--muted);font-family:var(--mono);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:inline-flex}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.media-card{border:1px solid var(--line);background:#ffffff09;border-radius:8px;overflow:hidden}.media-card iframe{aspect-ratio:16/9;background:#000;border:0;width:100%;display:block}.media-card a{color:#f5f6fb;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;font-weight:850;display:flex}@media (width<=820px){.nav{grid-template-columns:1fr auto}.nav nav{display:none}.hero,.profile-grid{grid-template-columns:1fr}.hero{gap:36px;min-height:auto;padding-top:42px}.portrait-card{max-width:520px}.projects,.media-grid{grid-template-columns:1fr}}@media (width<=520px){.site{width:min(100% - 34px,1100px)}.hero h1{font-size:54px}.actions{display:grid}.button{justify-content:center}.section-head{flex-direction:column;align-items:flex-start}}