.app-container{width:100%;max-width:480px;padding:2rem;margin:0 auto}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;box-shadow:0 8px 32px #0000005e;display:flex;flex-direction:column;align-items:center;gap:2rem;opacity:0;transform:translateY(20px);animation:cardEnter .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes cardEnter{to{opacity:1;transform:translateY(0)}}:root{--bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--accent-color: #4facfe;--accent-gradient: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);--danger-color: #ff6b6b;--success-color: #51cf66;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-gradient);color:var(--text-primary);line-height:1.5;font-weight:400;min-height:100vh;display:flex;place-items:center;justify-content:center;overflow:hidden}button{cursor:pointer;border:none;font-family:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}