:root{--bg:hsl(250 50% 5%);--panel:hsl(262 40% 9%);--ink:hsl(0 0% 98%);--muted:hsl(260 14% 66%);--orange:hsl(25 100% 55%);--amber:hsl(40 100% 62%);--violet:hsl(280 80% 62%);--border:hsl(260 25% 20%)}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:dark}
body{min-height:100vh;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 50% 38%,hsl(275 80% 45% / .22),transparent 70%),radial-gradient(40% 40% at 85% 90%,hsl(25 100% 55% / .08),transparent 70%)}
.nav{border-bottom:1px solid hsl(260 25% 14%)}
.nav .in{max-width:1180px;margin:0 auto;padding:16px;display:flex;align-items:center;gap:12px}
.nav img{width:34px;height:34px;border-radius:9px}
.nav b{font-size:16px;font-weight:600}.nav b span{color:var(--orange)}
.grad{background:linear-gradient(95deg,var(--orange),var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:999px;font-weight:600;font-size:17px;color:#fff;text-decoration:none;background:linear-gradient(95deg,hsl(20 100% 52%),hsl(36 100% 55%));box-shadow:0 12px 40px -10px hsl(25 100% 50% / .6);transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 50px -10px hsl(25 100% 50% / .75)}