@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090911;--panel:#11111d;--panel2:#151525;--text:#f4f2ff;--muted:#9998b5;--line:#28263d;--purple:#a78bfa;--pink:#ff70cf;--cyan:#70e8ff;--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.orb{position:fixed;width:340px;height:340px;border-radius:50%;filter:blur(110px);opacity:.13;pointer-events:none}.orb-one{background:#744cff;top:100px;left:-200px}.orb-two{background:#ff45c8;right:-220px;top:550px}.topbar{position:relative;z-index:5;max-width:1240px;margin:auto;padding:24px 28px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#a78bfa,#ff70cf);color:#090911;font-size:14px;box-shadow:0 0 28px #a78bfa33}.brand small{display:block;font:9px var(--mono);color:var(--muted);letter-spacing:2px;margin-top:3px}.brand-dot{color:var(--pink)}.nav{display:flex;gap:22px;align-items:center;margin-left:auto}.nav a{font-size:12px;color:var(--muted);transition:.2s}.nav a:hover,.nav a.active{color:var(--text)}.nav a.active:after{content:"";display:block;height:2px;background:var(--pink);margin-top:8px;border-radius:3px}.status{font:10px var(--mono);color:var(--muted);white-space:nowrap}.status i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79f7b2;box-shadow:0 0 10px #79f7b2;margin-right:7px}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 11px}.shell{max-width:1184px;margin:auto;padding:0 28px;position:relative;z-index:1}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:76px 0 88px;min-height:490px}.eyebrow{font:10px var(--mono);letter-spacing:1.8px;color:#b5acd6;display:flex;align-items:center;gap:10px}.eyebrow-line{width:24px;height:1px;background:var(--pink)}h1{font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-3px;margin:24px 0 20px;font-weight:800}.gradient-text{background:linear-gradient(100deg,#b6a0ff,#ff79d2 65%,#77e9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.cursor{color:var(--pink);animation:blink 1s step-end infinite}.hero-lead{max-width:520px;color:var(--muted);font-size:15px;line-height:1.9}.hero-lead em{color:var(--text);font-style:normal}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{padding:13px 17px;border-radius:10px;font-size:12px;font-weight:700;display:inline-flex;gap:18px;align-items:center;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.primary{background:linear-gradient(110deg,#b7a1ff,#fa80d7);color:#11101a;box-shadow:0 8px 28px #b7a1ff25}.ghost{border:1px solid var(--line);background:#ffffff04}.micro-stats{display:flex;gap:30px;margin-top:45px}.micro-stats div{display:flex;flex-direction:column;gap:5px}.micro-stats strong{font-size:19px}.micro-stats span{font:9px var(--mono);color:var(--muted)}.hero-art{height:340px;position:relative;display:grid;place-items:center}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#9d8bff12 1px,transparent 1px),linear-gradient(90deg,#9d8bff12 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.art-ring{position:absolute;border:1px solid #b6a0ff35;border-radius:50%;transform:rotate(-20deg)}.ring-a{width:310px;height:190px}.ring-b{width:260px;height:300px;transform:rotate(43deg);border-color:#ff70cf2b}.avatar-card{width:220px;height:250px;position:relative;border:1px solid #ffffff20;border-radius:22px;background:linear-gradient(145deg,#211d38e8,#11111ddd);box-shadow:0 25px 90px #0009,0 0 45px #a78bfa12;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transform:rotate(3deg)}.avatar-glow{position:absolute;width:150px;height:150px;background:#a78bfa;filter:blur(75px);opacity:.45;top:5px}.avatar-face{width:112px;height:112px;border-radius:34px;background:linear-gradient(140deg,#b5a0ff,#fa7dd2);display:grid;place-items:center;color:#171322;font-size:33px;font-weight:800;position:relative;box-shadow:0 0 50px #b5a0ff4a}.avatar-face span{position:absolute;right:-8px;top:-8px;color:var(--cyan);font-size:22px}.avatar-caption{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:20px;position:relative}.avatar-caption span,.avatar-caption small{font:9px var(--mono);color:var(--muted)}.avatar-caption b{font-size:12px;letter-spacing:1px}.float-tag{position:absolute;padding:9px 12px;background:#151525e8;border:1px solid var(--line);border-radius:8px;font:9px var(--mono);letter-spacing:.5px;box-shadow:0 10px 30px #0005}.tag-top{top:38px;right:0;color:#d3c7ff}.tag-bottom{bottom:36px;left:0;color:var(--muted)}.tag-bottom b{color:#79f7b2}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head h2{font-size:30px;letter-spacing:-1px;margin:12px 0 0}.section-count{font:10px var(--mono);color:var(--muted)}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.portal-card{position:relative;min-height:220px;padding:22px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#151523d9,#0e0e18d9);overflow:hidden;transition:.25s}.portal-card:hover{transform:translateY(-5px);border-color:#a78bfa70;box-shadow:0 18px 45px #0003}.card-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#a78bfa18;color:var(--purple);font-size:20px}.card-index{position:absolute;top:30px;right:20px;font:9px var(--mono);color:#6e6a89}.portal-card h3{font-size:19px;margin:23px 0 8px}.portal-card p{font-size:12px;line-height:1.8;color:var(--muted);max-width:260px;margin:0}.card-arrow{position:absolute;right:20px;bottom:18px;color:var(--pink);font-size:18px}.card-deco{position:absolute;right:16px;bottom:22px;font-size:54px;font-weight:800;color:#a78bfa0c;pointer-events:none}.portal-music .card-icon{background:#ff70cf18;color:var(--pink)}.portal-memes .card-icon{color:var(--cyan);background:#70e8ff15}.portal-secret .card-icon{color:#ffcb7b;background:#ffcb7b14}.portal-dev .card-icon{color:#79f7b2;background:#79f7b214}.lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:40px}.panel{border:1px solid var(--line);background:#11111dcc;border-radius:15px;padding:22px}.panel-title{font:9px var(--mono);letter-spacing:1px;color:#d6d1ec;display:flex;align-items:center}.panel-tag{margin-left:auto;color:#6d6988}.now-content{display:flex;gap:17px;margin-top:25px}.now-emoji{width:47px;height:47px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;background:#a78bfa17;font-size:22px}.now-content h3{font-size:14px;margin:2px 0 8px}.now-content p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 9px}.now-content small{font:10px var(--mono);color:#797493}.now-content code{color:var(--pink)}.quote-panel{position:relative;overflow:hidden}.quote-mark{font-size:54px;line-height:.7;color:#a78bfa}.quote-panel p{font-size:17px;line-height:1.7;max-width:300px}.quote-panel span{font:9px var(--mono);color:var(--muted);letter-spacing:1px}.footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding:25px 0;margin-top:65px;margin-bottom:15px;font:9px var(--mono);letter-spacing:.4px;color:#77748f}.footer b{color:var(--pink)}.footer a{color:#bdb5dc}.page-intro{padding:66px 0 35px}.page-intro h1{font-size:clamp(36px,5vw,54px);margin:17px 0}.page-intro p{max-width:650px;color:var(--muted);line-height:1.9;font-size:14px}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.content-card{border:1px solid var(--line);border-radius:15px;padding:25px;background:linear-gradient(145deg,#151523,#0e0e18);margin-bottom:16px}.content-card h2,.content-card h3{margin-top:0}.content-card p,.content-card li{color:var(--muted);font-size:13px;line-height:1.9}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid #a78bfa45;background:#a78bfa12;color:#d5caff;border-radius:30px;padding:8px 11px;font:10px var(--mono)}.terminal{background:#07070d;border:1px solid #2a2940;border-radius:12px;overflow:hidden;font:12px var(--mono)}.terminal-bar{padding:11px 13px;border-bottom:1px solid #242238;color:#85809e}.terminal-dots{color:#ff70cf;margin-right:10px}.terminal pre{padding:10px 16px;line-height:1.9;color:#9ef7c2;white-space:pre-wrap;overflow-wrap:anywhere}.muted{color:var(--muted)}.post{border-bottom:1px solid var(--line);padding:18px 0}.post:last-child{border:0;padding-bottom:0}.post-meta{font:10px var(--mono);color:var(--pink);letter-spacing:.7px}.post h3{margin:10px 0}.post p{margin-bottom:0}.music-embed{width:100%;height:450px;border:0;border-radius:13px;background:#11111d}.music-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.memes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.meme{min-height:180px;border:1px solid var(--line);border-radius:14px;padding:22px;background:radial-gradient(circle at 80% 10%,#a78bfa20,transparent 45%),#12121e;display:flex;flex-direction:column;justify-content:space-between}.meme .emoji{font-size:38px}.meme h3{margin:15px 0 5px}.meme p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.secret-box{text-align:center;padding:42px 22px}.secret-lock{font-size:46px;margin-bottom:18px}.secret-box input{background:#090911;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:12px;margin:10px 5px;max-width:220px}.secret-box button{background:linear-gradient(110deg,#b7a1ff,#fa80d7);border:0;padding:12px 16px;border-radius:9px;font-weight:800;cursor:pointer}.secret-message{display:none;margin:22px auto 0;max-width:460px;color:#d8cbff;line-height:1.8}.link-list{display:grid;gap:10px}.link-item{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:12px;padding:16px;background:#ffffff03}.link-item span{font-size:22px;color:var(--purple)}.link-item b{display:block;font-size:13px}.link-item small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.link-item em{margin-left:auto;font-style:normal;color:var(--pink)}@keyframes blink{50%{opacity:0}}@media(max-width:900px){.topbar{gap:14px}.nav{gap:12px}.nav a{font-size:11px}.status{display:none}.hero{gap:15px}.hero-art{transform:scale(.9)}.portal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{padding:15px 18px;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.nav{display:none;order:3;width:100%;margin:0;flex-direction:column;align-items:stretch;gap:0;padding-top:10px}.nav.open{display:flex}.nav a{padding:12px 4px;border-bottom:1px solid #ffffff0b;font-size:13px}.nav a.active:after{display:none}.shell{padding:0 18px}.hero{grid-template-columns:1fr;padding:48px 0 60px;gap:10px}.hero-copy{order:1}h1{letter-spacing:-2px}.hero-art{order:0;height:270px;transform:scale(.88);margin-bottom:10px}.micro-stats{gap:20px}.section-head h2{font-size:25px}.section-count{font-size:8px}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:190px}.lower-grid,.content-grid{grid-template-columns:1fr}.page-intro{padding:45px 0 25px}.page-intro h1{letter-spacing:-2px}.memes-grid{grid-template-columns:1fr}.footer{margin-top:45px;flex-direction:column}.music-embed{height:390px}}