:root{--font-header: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--bg-main: 222 47% 6%;--bg-surface: 223 47% 11%;--bg-card: 222 40% 15%;--border-color: 223 30% 22%;--primary: 262 83% 58%;--primary-light: 263 90% 65%;--secondary: 192 95% 50%;--accent: 326 100% 60%;--success: 142 70% 45%;--danger: 347 77% 50%;--warning: 38 92% 50%;--text-main: 220 15% 90%;--text-muted: 218 10% 65%;--glass-bg: rgba(15, 23, 42, .65);--glass-border: rgba(255, 255, 255, .08);--glass-glow: 0 8px 32px 0 rgba(0, 0, 0, .37)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background-color:hsl(var(--bg-main));color:hsl(var(--text-main));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100dvh;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-weight:600;color:#fff}.app-container{display:flex;flex-direction:column;height:100dvh;width:100vw;position:relative;background:radial-gradient(circle at 50% 0%,hsl(263 60% 15% / .3),transparent 70%),radial-gradient(circle at 100% 100%,hsl(192 60% 15% / .15),transparent 50%),hsl(var(--bg-main))}.content-container{flex:1;overflow-y:auto;padding-bottom:calc(72px + env(safe-area-inset-bottom,16px));-webkit-overflow-scrolling:touch}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-glow);border-radius:20px}.glass-card{background:#1e293b73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:16px;padding:18px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.glass-card:active{transform:scale(.98);border-color:hsl(var(--primary-light) / .4);box-shadow:0 4px 15px hsl(var(--primary) / .2)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--primary)),#8713ec);color:#fff;border:none;border-radius:12px;font-family:var(--font-header);font-weight:500;font-size:1rem;padding:12px 24px;cursor:pointer;box-shadow:0 4px 15px hsl(var(--primary) / .3);transition:all .25s cubic-bezier(.4,0,.2,1);gap:8px}.btn-primary:active{transform:scale(.96);box-shadow:0 2px 8px hsl(var(--primary) / .2);filter:brightness(.9)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;font-family:var(--font-header);font-weight:500;padding:12px 24px;cursor:pointer;transition:all .2s ease;gap:8px}.btn-secondary:active{background:#ffffff26;transform:scale(.98)}.form-input{background:#0f172a99;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:12px;color:#fff;font-size:1rem;outline:none;transition:border-color .2s ease}.form-input:focus{border-color:hsl(var(--primary-light));box-shadow:0 0 0 2px hsl(var(--primary) / .2)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px hsl(var(--primary) / .3)}50%{box-shadow:0 0 30px hsl(var(--primary) / .6)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow{animation:pulse-glow 3s infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.fade-in-slide{animation:fadeInSlide .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}