:root{--bg-from: #050505;--bg-to: #0a0a0a;--card: rgba(255, 255, 255, .03);--card-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .06);--brand: #0ea5e9}html,body,#root{height:100%}body{background:radial-gradient(circle at 15% 50%,rgba(14,165,233,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.08),transparent 25%),linear-gradient(180deg,var(--bg-from),var(--bg-to));background-attachment:fixed;color:#e5e5e5}.glass{background:#0a0a0ab3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border)}.glass-panel{background:var(--card);border:1px solid var(--border);backdrop-filter:blur(12px)}.btn-primary{background:#e5e5e5;color:#000;border-radius:9999px;padding:.5rem 1.25rem;font-weight:600;transition:all .2s ease;border:none}.btn-primary:hover{transform:scale(1.02);background:#fff;box-shadow:0 0 20px #fff3}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}input[type=range].slider-premium{-webkit-appearance:none;appearance:none;height:6px;background:#ffffff1a;border-radius:999px;background-image:linear-gradient(90deg,#fff,#fff);background-repeat:no-repeat;background-size:var(--progress-percent, 0%) 100%;transition:height .2s ease;cursor:pointer}input[type=range].slider-premium:hover{height:8px}input[type=range].slider-premium::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:0;border-radius:50%;background:#fff;box-shadow:0 0 10px #ffffff80;transition:all .2s cubic-bezier(.4,0,.2,1);opacity:0}input[type=range].slider-premium:hover::-webkit-slider-thumb{width:16px;height:16px;opacity:1}input[type=range].slider-premium::-moz-range-thumb{width:0;height:0;border:none;border-radius:50%;background:#fff;box-shadow:0 0 10px #ffffff80;transition:all .2s cubic-bezier(.4,0,.2,1);opacity:0}input[type=range].slider-premium:hover::-moz-range-thumb{width:16px;height:16px;opacity:1}.animated-gradient-bg{background-size:400% 400%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glass-morphism{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glass-morphism-heavy{background:#0006;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-top:1px solid rgba(255,255,255,.1)}
