@import url("https://fonts.googleapis.com/css2?family=Combo&family=Yanone+Kaffeesatz:wght@200;300;400;600&display=swap");:root{--color-bg:#0d0618;--color-bg-card:#160d24;--color-bg-card-hover:#1e1230;--color-bg-modal:#130b20;--color-border:rgba(168,85,247,.12);--color-border-hover:rgba(168,85,247,.25);--color-primary:#a855f7;--color-primary-light:#c084fc;--color-primary-dark:#7c3aed;--color-gold:#fc0;--color-gold-glow:rgba(255,204,0,.35);--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f59e0b;--color-text:#fff;--color-text-secondary:#c8c8d8;--color-text-muted:#8b8ba0;--shadow-card:0 4px 24px rgba(0,0,0,.5),0 0 40px rgba(168,85,247,.08);--shadow-glow:0 0 30px rgba(168,85,247,.25);--transition:200ms ease;--font-title:"Combo",cursive;--font-body:"Yanone Kaffeesatz",sans-serif}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none}::-webkit-scrollbar{display:none}body,html{height:100%;font-family:var(--font-body);font-weight:300;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-size:16px;letter-spacing:.3px}body{background:radial-gradient(ellipse at 15% 20%,rgba(124,58,237,.18) 0,transparent 50%),radial-gradient(ellipse at 85% 30%,rgba(168,85,247,.12) 0,transparent 45%),radial-gradient(ellipse at 50% 80%,rgba(255,204,0,.06) 0,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(124,58,237,.1) 0,transparent 40%),var(--color-bg);min-height:100vh;position:relative;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-title);font-weight:400;letter-spacing:.5px}a{color:var(--color-primary-light);text-decoration:none}a:hover{text-decoration:underline}.magic-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bokeh-orb{position:absolute;border-radius:50%;filter:blur(40px)}.bokeh-orb:first-child{width:200px;height:200px;background:rgba(168,85,247,.15);top:10%;left:5%;animation:bokehDrift1 24s ease-in-out infinite}.bokeh-orb:nth-child(2){width:150px;height:150px;background:rgba(255,204,0,.1);top:60%;left:75%;animation:bokehDrift2 28s ease-in-out -5s infinite}.bokeh-orb:nth-child(3){width:250px;height:250px;background:rgba(124,58,237,.12);top:30%;left:50%;animation:bokehDrift3 32s ease-in-out -10s infinite}.bokeh-orb:nth-child(4){width:120px;height:120px;background:rgba(192,132,252,.1);top:75%;left:20%;animation:bokehDrift4 22s ease-in-out -3s infinite}.bokeh-orb:nth-child(5){width:180px;height:180px;background:rgba(168,85,247,.1);top:5%;left:70%;animation:bokehDrift5 30s ease-in-out -8s infinite}.bokeh-orb:nth-child(6){width:100px;height:100px;background:rgba(255,204,0,.08);top:45%;left:10%;animation:bokehDrift6 20s ease-in-out -14s infinite}.stars-layer{position:absolute;inset:0}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;animation:twinkle ease-in-out infinite}.star:first-child{top:8%;left:12%;animation-duration:3s;animation-delay:0s}.star:nth-child(2){top:15%;left:67%;animation-duration:4s;animation-delay:-1.5s}.star:nth-child(3){top:22%;left:34%;animation-duration:3.5s;animation-delay:-.8s}.star:nth-child(4){top:35%;left:88%;animation-duration:5s;animation-delay:-2s}.star:nth-child(5){top:42%;left:5%;animation-duration:3.2s;animation-delay:-1s}.star:nth-child(6){top:55%;left:48%;animation-duration:4.5s;animation-delay:-3s}.star:nth-child(7){top:62%;left:78%;animation-duration:3.8s;animation-delay:-.5s}.star:nth-child(8){top:70%;left:22%;animation-duration:5.5s;animation-delay:-2.5s}.star:nth-child(9){top:78%;left:55%;animation-duration:3s;animation-delay:-1.8s}.star:nth-child(10){top:85%;left:92%;animation-duration:4.2s;animation-delay:-4s}.star:nth-child(11){top:12%;left:45%;animation-duration:6s;animation-delay:-1.2s}.star:nth-child(12){top:28%;left:18%;animation-duration:3.6s;animation-delay:-3.5s}.star:nth-child(13){top:48%;left:72%;animation-duration:4.8s;animation-delay:-.3s}.star:nth-child(14){top:65%;left:38%;animation-duration:3.3s;animation-delay:-2.8s}.star:nth-child(15){top:90%;left:15%;animation-duration:5.2s;animation-delay:-1.6s}.star:nth-child(16){top:5%;left:85%;animation-duration:4s;animation-delay:-4.5s}.star:nth-child(17){top:38%;left:58%;animation-duration:3.7s;animation-delay:-.7s}.star:nth-child(18){top:52%;left:28%;animation-duration:5.8s;animation-delay:-3.2s}.star:nth-child(19){top:75%;left:65%;animation-duration:3.1s;animation-delay:-1.4s}.star:nth-child(20){top:18%;left:92%;animation-duration:4.6s;animation-delay:-2.2s}.star-gold{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--color-gold);animation:twinkleGold ease-in-out infinite}.star-gold:nth-child(21){top:20%;left:25%;animation-duration:5s;animation-delay:-1s}.star-gold:nth-child(22){top:45%;left:80%;animation-duration:6s;animation-delay:-3s}.star-gold:nth-child(23){top:68%;left:42%;animation-duration:4.5s;animation-delay:-2s}.star-gold:nth-child(24){top:88%;left:70%;animation-duration:7s;animation-delay:-4s}.star-gold:nth-child(25){top:10%;left:55%;animation-duration:5.5s;animation-delay:-.5s}.container{max-width:1200px;margin:0 auto;padding:0 20px}.app-shell{display:flex;gap:16px;align-items:flex-start;padding:12px}.app-main{flex:1 1;min-width:0}@media (max-width:1024px){.app-shell{flex-direction:column}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-family:var(--font-body);font-size:16px;font-weight:300;letter-spacing:.5px;cursor:pointer;transition:all var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 15px rgba(168,85,247,.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 25px rgba(168,85,247,.5)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-gold{background:linear-gradient(135deg,var(--color-gold),#e6a800);color:#1a1a1a;font-weight:400;box-shadow:0 4px 15px var(--color-gold-glow)}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 25px var(--color-gold-glow)}.btn-outline{background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.25);color:var(--color-text-secondary)}.btn-outline:hover{background:rgba(168,85,247,.15);border-color:rgba(168,85,247,.4);color:var(--color-text)}.modal-overlay{position:fixed;inset:0;background:rgba(8,3,18,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:20px}.modal-content{background:var(--color-bg-modal);border:1px solid var(--color-border);border-radius:20px;padding:28px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-card),0 0 60px rgba(168,85,247,.1);animation:slideUp .25s ease}.section{padding:80px 20px;max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}.section-title{font-family:var(--font-title);font-size:32px;margin-bottom:16px;background:linear-gradient(135deg,var(--color-gold),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-text{font-family:var(--font-body);font-weight:300;font-size:18px;color:var(--color-text-secondary);line-height:1.7;max-width:600px;margin:0 auto}.section-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);margin:0 auto;opacity:.5;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(255,204,0,.25)}50%{box-shadow:0 0 40px rgba(255,204,0,.5)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bokehDrift1{0%{transform:translate(0) scale(1);opacity:.6}20%{transform:translate(80px,-60px) scale(1.1);opacity:.8}40%{transform:translate(30px,-130px) scale(.95);opacity:.5}60%{transform:translate(-50px,-80px) scale(1.15);opacity:.7}80%{transform:translate(-30px,-20px) scale(1.05);opacity:.9}to{transform:translate(0) scale(1);opacity:.6}}@keyframes bokehDrift2{0%{transform:translate(0) scale(1);opacity:.5}15%{transform:translate(-70px,40px) scale(1.1);opacity:.7}35%{transform:translate(-120px,-30px) scale(.9);opacity:.9}55%{transform:translate(-40px,-90px) scale(1.2);opacity:.6}75%{transform:translate(30px,-40px) scale(1.05);opacity:.8}to{transform:translate(0) scale(1);opacity:.5}}@keyframes bokehDrift3{0%{transform:translate(0) scale(1);opacity:.4}25%{transform:translate(-60px,70px) scale(1.15);opacity:.7}50%{transform:translate(40px,120px) scale(.9);opacity:.5}75%{transform:translate(90px,30px) scale(1.1);opacity:.8}to{transform:translate(0) scale(1);opacity:.4}}@keyframes bokehDrift4{0%{transform:translate(0) scale(1);opacity:.6}20%{transform:translate(60px,50px) scale(1.1);opacity:.8}45%{transform:translate(110px,-20px) scale(.95);opacity:.5}65%{transform:translate(40px,-70px) scale(1.2);opacity:.7}85%{transform:translate(-20px,-30px) scale(1.05);opacity:.9}to{transform:translate(0) scale(1);opacity:.6}}@keyframes bokehDrift5{0%{transform:translate(0) scale(1);opacity:.5}30%{transform:translate(-80px,-50px) scale(1.1);opacity:.8}50%{transform:translate(-30px,60px) scale(.9);opacity:.6}70%{transform:translate(50px,90px) scale(1.15);opacity:.7}to{transform:translate(0) scale(1);opacity:.5}}@keyframes bokehDrift6{0%{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(50px,-80px) scale(1.15);opacity:.8}50%{transform:translate(100px,-30px) scale(.95);opacity:.6}75%{transform:translate(40px,50px) scale(1.1);opacity:.9}to{transform:translate(0) scale(1);opacity:.5}}@keyframes twinkle{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.8;transform:scale(1.4)}}@keyframes twinkleGold{0%,to{opacity:.15;transform:scale(1);box-shadow:0 0 4px rgba(255,204,0,0)}50%{opacity:.9;transform:scale(1.6);box-shadow:0 0 8px rgba(255,204,0,.4)}}.spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}