@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";
:root{--bg:#fff9e6;--bg-card:#fff;--surface:#fff;--text:#2d1a0e;--text-secondary:#8b7355;--border:#f0dcc8;--primary:#ff5e2c;--primary-hover:#e54d1e;--accent:#f5bd38;--success:#50c878;--error:#f08080;--mc:#50c878;--lb:#ff5e2c;--an:#f5bd38;--sh:#4a90d9;--mg:#9b6bc6;--radius:16px;--radius-sm:10px;--radius-lg:24px;--radius-xl:32px;--shadow:0 4px 20px #0000000f;--shadow-hover:0 8px 30px #0000001a;--spring:cubic-bezier(.34, 1.56, .64, 1);--out:cubic-bezier(.16, 1, .3, 1);--accent-orange:var(--primary);--accent-blue:var(--sh);--accent-yellow:var(--accent)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Nunito,system-ui,sans-serif}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select{outline:none;font-family:inherit}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.btn{border-radius:var(--radius-sm);transition:all .25s var(--spring);justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:700;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff5e2c4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg);color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-lg{border-radius:var(--radius);padding:18px 36px;font-size:18px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.page{max-width:480px;min-height:100dvh;margin:0 auto;padding:24px 16px}.input{border:2px solid var(--border);border-radius:var(--radius-sm);background:#fff;width:100%;padding:14px 16px;font-size:16px;transition:border-color .2s}.input:focus{border-color:var(--primary)}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-in{animation:fadeIn .4s var(--out) forwards}.animate-pop{animation:pop .4s var(--spring) forwards}.animate-shake{animation:.3s shake}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-30px)scale(1.3)}to{opacity:0;transform:translateY(-60px)scale(1)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes bounceIn{0%{transform:scale(.95)}40%{transform:scale(1.04)}70%{transform:scale(.98)}to{transform:scale(1)}}@keyframes pulseGlow{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animate-bounce-in{animation:bounceIn .4s var(--spring) forwards}.animate-pulse-glow{animation:.6s pulseGlow}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotateBorder{to{--border-angle:360deg}}.gradient-border{border-radius:var(--radius-lg);background:linear-gradient(var(--border-angle,0deg), var(--glow-1,#ff5e2c), var(--glow-2,#f5bd38), var(--glow-1,#ff5e2c));padding:3px;animation:3s linear infinite rotateBorder}.gradient-border>*{border-radius:calc(var(--radius-lg) - 3px)}.gradient-border-sm{border-radius:var(--radius);background:linear-gradient(var(--border-angle,0deg), var(--glow-1,#ff5e2c), var(--glow-2,#f5bd38), var(--glow-1,#ff5e2c));padding:2px;animation:4s linear infinite rotateBorder}.gradient-border-sm>*{border-radius:calc(var(--radius) - 2px)}.btn-gradient{border-radius:var(--radius-sm);color:#fff;transition:all .25s var(--spring);background:linear-gradient(135deg,#ff5e2c,#f5bd38);justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 4px 16px #ff5e2c4d}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff5e2c66}.btn-gradient:active{transform:translateY(0)}