:root{--off-peak-bg: linear-gradient(135deg, #10b981 0%, #059669 100%);--off-peak-glow: rgba(16, 185, 129, .4);--mid-peak-bg: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--mid-peak-glow: rgba(245, 158, 11, .4);--on-peak-bg: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--on-peak-glow: rgba(239, 68, 68, .4);--text-color: #ffffff;--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;color:var(--text-color);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;transition:background .8s ease-in-out;background:var(--off-peak-bg);padding:40px 0}body.theme-off-peak{background:var(--off-peak-bg)}body.theme-mid-peak{background:var(--mid-peak-bg)}body.theme-on-peak{background:var(--on-peak-bg)}.app-container{width:100%;max-width:480px;padding:0 20px;display:flex;flex-direction:column;align-items:center}.header-logo{text-align:center;margin-bottom:24px}.header-logo h2{font-weight:800;font-size:1.5rem;letter-spacing:-.03em}.header-logo p{font-size:.9rem;opacity:.8;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:40px 30px;width:100%;text-align:center;box-shadow:0 8px 32px #0003;transition:box-shadow .8s ease-in-out;margin-bottom:24px}body.theme-off-peak .glass-card{box-shadow:0 8px 32px 0 var(--off-peak-glow)}body.theme-mid-peak .glass-card{box-shadow:0 8px 32px 0 var(--mid-peak-glow)}body.theme-on-peak .glass-card{box-shadow:0 8px 32px 0 var(--on-peak-glow)}.status-indicator{width:12px;height:12px;background-color:#fff;border-radius:50%;margin:0 auto 20px;box-shadow:0 0 10px #fff;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ffffffb3}70%{transform:scale(1);box-shadow:0 0 0 10px #fff0}to{transform:scale(.95);box-shadow:0 0 #fff0}}h1{font-size:2.5rem;font-weight:800;margin-bottom:8px;letter-spacing:-.05em}.sub-status{font-size:1.1rem;font-weight:600;opacity:.9;margin-bottom:15px}.activity-recommendation{font-size:.95rem;font-weight:500;opacity:.95;background:#00000026;padding:8px 16px;border-radius:20px;display:inline-block;margin-bottom:25px;line-height:1.4}.pricing-container{background:#0003;border-radius:16px;padding:15px;margin-bottom:30px}.price-label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:4px}.price-value{display:block;font-size:2rem;font-weight:800}.countdown-container{border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.countdown-label{font-size:.9rem;opacity:.8;margin-bottom:8px}.countdown-timer{font-size:2rem;font-weight:600;font-variant-numeric:tabular-nums;margin-bottom:8px}.next-tier-info{font-size:.9rem;font-weight:600;opacity:.9}.explanation-card{background:#00000026;border:1px solid var(--glass-border);border-radius:16px;padding:24px;width:100%;margin-bottom:20px;line-height:1.5}.explanation-card h3{font-size:1.2rem;font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.explanation-card h4{font-size:1rem;font-weight:600;margin-top:20px;margin-bottom:8px;opacity:.9}.explanation-card p{font-size:.9rem;opacity:.85;margin-bottom:12px}.explanation-card ul{font-size:.9rem;opacity:.85;padding-left:20px;margin-bottom:12px}.explanation-card li{margin-bottom:6px}.info-footer{margin-top:10px;font-size:.8rem;opacity:.6;text-align:center}