:root{--primary-orange: #FF8C42;--primary-orange-light: #FF8C4222;--primary-orange-hover: #F27A2B;--mint-green: #2ECC71;--mint-green-light: #2ECC7120;--gold-accent: #FFD166;--bg-gradient: linear-gradient(135deg, #FFFDF9 0%, #FFF4E8 50%, #F0F7FF 100%);--surface-glass: rgba(255, 255, 255, .88);--surface-glass-border: rgba(255, 255, 255, .95);--shadow-soft: 0 12px 32px -8px rgba(255, 140, 66, .18);--shadow-card: 0 8px 24px rgba(0, 0, 0, .04);--text-main: #1E293B;--text-muted: #64748B;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}body{background:var(--bg-gradient);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:0}#root{width:100%;max-width:520px;margin:0 auto;min-height:100vh;background:var(--bg-gradient);box-shadow:0 0 40px #00000014;display:flex;flex-direction:column;position:relative;overflow-x:hidden}@media (min-width: 1024px){#root{margin:20px auto;min-height:calc(100vh - 40px);border-radius:32px;border:1px solid rgba(255,255,255,.8)}}.glass-card{background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px;transition:transform .25s ease,box-shadow .25s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.btn-primary{background:linear-gradient(135deg,var(--primary-orange) 0%,#FF6B35 100%);color:#fff;border:none;padding:14px 24px;border-radius:var(--radius-md);font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #ff8c4259;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #ff8c4273}.btn-secondary{background:#ffffffe6;color:var(--text-main);border:1.5px solid #E2E8F0;padding:12px 20px;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.btn-secondary:hover{background:#f8fafc;border-color:var(--primary-orange);color:var(--primary-orange)}.btn-mint{background:linear-gradient(135deg,var(--mint-green) 0%,#27AE60 100%);color:#fff;border:none;padding:14px 24px;border-radius:var(--radius-md);font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #2ecc7159;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes tailWag{0%,to{transform:rotate(0)}50%{transform:rotate(18deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #ff8c424d}50%{box-shadow:0 0 25px #ff8c4299}}.animate-bounce-slow{animation:bounceSlow 3s infinite ease-in-out}.animate-tail-wag{animation:tailWag .8s infinite ease-in-out}.progress-bar-bg{width:100%;height:12px;background:#e2e8f0;border-radius:20px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-orange) 0%,var(--gold-accent) 100%);border-radius:20px;transition:width .5s ease-in-out}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}