@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap";:root{--bg-color:#f8fafc;--text-color:#334155;--text-muted:#64748b;--brand-orange:#f4762a;--brand-green:#05784d;--brand-green-light:#e6f2ee;--glass-bg:#fffffff2;--glass-border:#05784d1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.referral-page{background:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.referral-bg{pointer-events:none;background-image:radial-gradient(at 0 0,#f4762a1a 0,#0000 50%),radial-gradient(at 100% 100%,#05784d1a 0,#0000 50%);position:absolute;inset:0}.referral-orb{display:none}.referral-container{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;animation:.8s cubic-bezier(.16,1,.3,1) fadeUp;display:flex;position:relative}.referral-logo-wrap{background:#fff;border-radius:50%;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 10px 30px #05784d14}.referral-logo-img{width:120px;height:auto;display:block}.referral-sub{color:var(--text-color);margin-bottom:2rem;font-size:1.25rem;font-weight:600;line-height:1.5}.referral-badge{background:var(--brand-green-light);border:1px solid #05784d33;border-radius:16px;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:2rem;padding:1rem 2.5rem;display:flex;box-shadow:0 4px 15px #05784d0d}.referral-badge-label{letter-spacing:.12em;text-transform:uppercase;color:var(--brand-green);font-size:.75rem;font-weight:600}.referral-badge-code{color:var(--brand-orange);letter-spacing:.1em;font-size:2rem;font-weight:800}.referral-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;width:100%;margin-bottom:1.5rem;padding:2.5rem 2rem;box-shadow:0 20px 40px #00000008}.referral-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;display:flex}.referral-spinner{border:3px solid var(--brand-green-light);border-top-color:var(--brand-green);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.referral-error{color:#ef4444;flex-direction:column;align-items:center;gap:.8rem;display:flex}.referral-error-icon{font-size:2.5rem}.referral-redirect-info{flex-direction:column;align-items:center;gap:1rem;display:flex}.referral-countdown-ring{border:3px solid var(--brand-green);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:1.5s ease-in-out infinite alternate pulse;display:flex;box-shadow:0 0 20px #05784d1a}.referral-countdown-num{color:var(--brand-orange);font-size:2rem;font-weight:800}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 10px #05784d1a}to{transform:scale(1.05);box-shadow:0 0 25px #05784d40}}.referral-redirect-text{color:var(--text-color);font-size:1.1rem;font-weight:600}.referral-redirect-hint{color:var(--text-muted);font-size:.9rem}.referral-desktop-msg{color:var(--text-muted);font-size:1rem;line-height:1.6}.referral-store-btns{flex-direction:column;gap:1rem;width:100%;margin-bottom:2rem;display:flex}.referral-store-btn{border:1.5px solid var(--glass-border);color:var(--text-color);background:#fff;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.8rem;font-family:Inter,sans-serif;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000005}.referral-store-btn:hover{border-color:var(--brand-orange);transform:translateY(-3px);box-shadow:0 10px 20px #f4762a1a}.store-icon-img{object-fit:contain;width:32px;height:32px}.play-store .store-icon-img{width:28px}.app-store{color:#fff;background:#000;border:none}.app-store:hover{background:#1a1a1a;border-color:#0000;box-shadow:0 10px 20px #00000026}.app-store small{color:#a1a1aa}.referral-store-btn span:last-child{text-align:left;flex-direction:column;display:flex}.referral-store-btn small{letter-spacing:.08em;color:var(--text-muted);font-size:.7rem}.referral-store-btn strong{font-size:1.1rem;font-weight:700}.referral-footer{color:var(--text-muted);font-size:.85rem;font-weight:600}