:root{--color-primary: #fed708;--color-primary-light: #fff176;--color-primary-dark: #c9a800;--color-success: #10b981;--color-success-light: #34d399;--color-danger: #ef4444;--color-danger-light: #f87171;--color-background: #f3f4f6;--color-surface: #ffffff;--color-text: #1e1b4b;--color-text-secondary: #4b5563;--color-text-muted: #9ca3af;--color-border: #e5e7eb;--gradient-primary: linear-gradient(135deg, #fed708 0%, #fde047 50%, #fef08a 100%);--gradient-warm: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-glow: 0 0 40px rgba(254, 215, 8, .2);--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background .3s ease}.container{max-width:440px;margin:0 auto;padding:1rem;min-height:100dvh;display:flex;flex-direction:column;position:relative}@media(max-height:750px){.container{padding:.5rem}}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem 1.5rem;position:relative;overflow:hidden}@media(max-height:750px){.card{padding:1rem 1.25rem}}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:var(--radius-full);font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all var(--transition-normal);width:100%;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#1a1a1a;box-shadow:0 4px 14px #00000026}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #0003;transform:translateY(-2px);filter:brightness(1.05)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-danger{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-success:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--color-border);color:var(--color-text-secondary)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:#6366f10d}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}h1{font-size:1.75rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}h2{font-size:1.25rem;font-weight:600;color:var(--color-text)}h3{font-size:1rem;font-weight:600;color:var(--color-text-secondary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100px) rotate(720deg);opacity:0}}.fa-solid,.fa-regular,.fas,.far{font-size:inherit}