:root{--primary: #7928ca;--secondary: #ff0080;--bg: #1a1a2e;--card-bg: rgba(255, 255, 255, .08);--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text: #ffffff;--text-dim: rgba(255, 255, 255, .6);--success: #00dfd8;--error: #ff4d4d}body{background:var(--bg);color:var(--text);margin:0;font-family:Outfit,Inter,sans-serif}.app-container{max-width:500px;margin:0 auto;min-height:100vh;padding:24px;display:flex;flex-direction:column}.glass-card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:24px;box-shadow:0 8px 32px #0000005e}.btn{border:none;border-radius:16px;padding:16px 24px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);box-shadow:0 4px 15px #7928ca66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7928ca99}.btn-outline{background:transparent;border:1px solid var(--glass-border)}.btn-outline:hover{background:var(--glass-border)}h1,h2,h3{margin:0;letter-spacing:-.02em}.title-gradient{background:linear-gradient(to bottom right,#fff 30%,#ffffff80);-webkit-background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(135deg,#1a1a2e,#16213e);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;margin:0 auto}*{box-sizing:border-box}button{cursor:pointer;transition:all .2s ease}button:active{transform:scale(.95)}