:root{--bg-from: #0a0a0a;--bg-to: #000000;--card: rgba(255, 255, 255, .04);--card-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--brand: #3a91ff}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 20% -10%,rgba(58,145,255,.12),transparent 60%),radial-gradient(1000px 500px at 80% -10%,rgba(34,211,238,.12),transparent 60%),linear-gradient(180deg,var(--bg-from),var(--bg-to));background-attachment:fixed}.glass{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary{background:linear-gradient(180deg,#5eafff,#3a91ff);color:#0a0a0a;border-radius:9999px;padding:.5rem 1rem;font-weight:700;box-shadow:0 8px 24px #3a91ff59}.btn-primary:hover{filter:brightness(1.05)}input[type=range].slider-premium{height:4px;background:#2a2a2a;border-radius:999px;background-image:linear-gradient(90deg,#fff,#fff);background-repeat:no-repeat;background-size:var(--progress-percent, 0%) 100%}input[type=range].slider-premium::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:999px;background:#fff;box-shadow:0 2px 10px #00000059}input[type=range].slider-premium::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:999px;background:#fff}.card-premium{background:var(--card);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-premium:hover{transform:translateY(-2px);border-color:#ffffff29;box-shadow:0 10px 30px #00000073}.display-gradient{background:linear-gradient(90deg,#a5b4fc,#22d3ee 50%,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}