.auth-bg,.auth-bg *{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.auth-bg{min-height:100vh;background:radial-gradient(circle at top left,#dcfce7 0%,transparent 45%),radial-gradient(circle at bottom right,#bbf7d0 0%,transparent 45%),linear-gradient(180deg,#f0fdf4,#dcfce7);display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:400px;background:#fffffff7;border-radius:28px;padding:32px 26px 28px;box-shadow:0 30px 60px #1e3a8a2e;text-align:center}.auth-brand img{width:64px;height:64px;border-radius:16px;margin-bottom:10px}.auth-brand h1{font-size:20px;font-weight:800;margin:0;color:#0f172a}.auth-brand p{font-size:13px;color:#475569;margin-top:6px}.auth-card h2{margin:22px 0 20px;font-size:18px;font-weight:700;color:#0f172a}.auth-card input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid #dbeafe;background:#f8fafc;font-size:14px;margin-bottom:14px;outline:none;color:#0f172a}.auth-card input::placeholder{color:#64748b}.auth-card input:focus{border-color:#2563eb;background:#fff}.password-wrap{position:relative}.password-wrap input{padding-right:44px}.password-wrap .eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;color:#475569;-webkit-user-select:none;user-select:none}.password-wrap .eye:hover{color:#0f172a}.auth-card button{width:100%;padding:15px;border-radius:20px;border:none;background:linear-gradient(180deg,#60a5fa,#2563eb);color:#fff;font-weight:700;font-size:15px;cursor:pointer;margin-top:6px;box-shadow:0 10px 22px #2563eb59;transition:all .2s ease}.auth-card button:hover{filter:brightness(1.05)}.auth-card button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.links{margin-top:22px;font-size:14px;color:#1e293b;text-align:center}.links b{color:#facc15;font-weight:800;cursor:pointer}.links b:hover{text-decoration:underline}.auth-error{background:#fee2e2;color:#7f1d1d;padding:12px 14px;border-radius:14px;font-size:13px;font-weight:600;margin-bottom:14px;text-align:center;border:1px solid #fecaca}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}.app-bg{min-height:100%;display:flex;justify-content:center;align-items:flex-start;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.mobile-shell{width:100%;max-width:420px;min-height:100%;padding:16px 16px 32px;background:linear-gradient(180deg,#f5faff,#edf6ff);border-radius:26px;box-shadow:0 25px 60px #0f172a2e;display:flex;flex-direction:column}.top-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.logo-box{width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;box-shadow:0 8px 20px #22c55e73}.brand div:first-child{font-weight:800;font-size:16px;color:#0f172a}.brand div:last-child{font-size:11px;letter-spacing:2px;color:#64748b}.claim-wrap{text-align:center;margin:12px 0 26px}.claim-ring{width:220px;height:220px;margin:auto;border-radius:50%;background:radial-gradient(circle at center,#eafaf1,#c7f2dc 55%,#a7e6c8);display:flex;align-items:center;justify-content:center}.claim-center{width:115px;height:115px;border-radius:50%;background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;font-weight:900;font-size:20px;border:none;box-shadow:0 18px 35px #22c55e8c,inset 0 4px 10px #ffffff59}.claim-center:disabled{opacity:.55;box-shadow:none}.claim-timer{margin-top:14px;font-size:13px;color:#475569}.stats{display:flex;gap:12px;margin-bottom:24px}.stat{flex:1;background:#fff;border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px #0f172a14}.icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(180deg,#38bdf8,#0ea5e9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.stat p{font-size:11px;color:#64748b;margin:0}.stat h3{margin:2px 0 0;font-size:18px;color:#0f172a}.menu-item{background:#fff;border-radius:18px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 22px #0f172a0f;font-size:14px;color:#0f172a}.menu-left{display:flex;align-items:center;gap:12px}.menu-item:hover{background:#f1f7ff}.logout{margin-top:24px;margin-bottom:env(safe-area-inset-bottom);background:linear-gradient(180deg,#ef4444,#b91c1c);color:#fff}.toast{position:fixed;top:env(safe-area-inset-top);left:50%;transform:translate(-50%);background:linear-gradient(180deg,#38bdf8,#0ea5e9);color:#fff;padding:10px 18px;border-radius:14px;font-size:13px;font-weight:600;z-index:9999}.profile-bg{min-height:100vh;width:100%;background:radial-gradient(circle at top,#0e2a47,#020b18);display:flex;justify-content:center;align-items:center}.profile-card{width:100%;max-width:390px;background:linear-gradient(180deg,#081a2f,#050d18);border-radius:22px;padding:20px;color:#fff}.profile-card h2{text-align:center;margin-bottom:20px}.profile-item{background:#ffffff0f;border-radius:14px;padding:12px;margin-bottom:12px}.profile-item label{font-size:12px;opacity:.7}.profile-item div{font-size:14px;margin-top:4px}.profile-item input{width:100%;margin-top:6px;padding:10px;border-radius:8px;border:none}.gold-btn{width:100%;margin-top:8px;padding:10px;background:linear-gradient(135deg,#f6d37a,#c89b3c);border:none;border-radius:10px;font-weight:700;cursor:pointer}.back-btn{width:100%;margin-top:16px;padding:12px;background:#f6d37a;border:none;border-radius:12px;font-weight:700;cursor:pointer}.settings-bg *,.settings-bg *:before,.settings-bg *:after{box-sizing:border-box}.settings-bg{min-height:100vh;background:radial-gradient(circle at top,#0e2a47,#020b18);display:flex;justify-content:center;align-items:center;padding:14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.settings-card{width:100%;max-width:380px;background:linear-gradient(180deg,#081a2f,#050d18);border-radius:22px;padding:20px;color:#fff}.settings-header{display:flex;align-items:center;gap:10px;margin-bottom:22px}.back-btn-icon{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.section{margin-bottom:26px}.section h3{margin-bottom:12px;font-size:14px;font-weight:600;letter-spacing:.3px}.settings-card input{width:100%;padding:12px 14px;border-radius:14px;border:none;outline:none;font-size:13px;margin-bottom:14px}.settings-card input:disabled{background:#1b3552;color:#fff;opacity:1;font-weight:600;letter-spacing:.3px;cursor:not-allowed}.settings-card input:disabled::placeholder{color:#fff9}.primary-btn{width:100%;padding:13px;border-radius:16px;border:none;background:linear-gradient(135deg,#f6d37a,#c89b3c);color:#000;font-weight:700;font-size:14px;cursor:pointer}.primary-btn:disabled{opacity:1;cursor:default}.kyc-row{background:linear-gradient(135deg,#102a44,#081a2f);padding:15px 16px;border-radius:16px;display:flex;justify-content:space-between;align-items:center}.kyc-badge{background:#ffffff2e;color:#ffd56b;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:600}.task-row{background:linear-gradient(180deg,#0f2f52,#081f36);border-radius:16px;padding:18px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.task-row.done{background:linear-gradient(180deg,#0f3d2c,#0b2b20)}.task-left{display:flex;flex-direction:column}.task-row strong{font-size:15px;font-weight:600;line-height:1.6;margin-bottom:6px}.task-row span{font-size:13px;line-height:1.6;opacity:.85}.tick{color:#2cff9a;font-size:18px;font-weight:700}.task-row:hover,.kyc-row:hover,.primary-btn:hover,.back-dashboard:hover{box-shadow:0 6px 16px #00000059}.task-row:active,.kyc-row:active,.primary-btn:active,.back-dashboard:active{box-shadow:none}.back-dashboard{width:100%;padding:14px;border-radius:18px;border:none;background:linear-gradient(180deg,#1b4d7a,#12345a);color:#fff;font-weight:600;font-size:14px;cursor:pointer;margin-top:24px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:radial-gradient(circle at top,#eefaf4,#e4f4ec 45%,#d9efe3);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f172a}#root{width:100%;min-height:100vh}.app-bg{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#eefaf4,#e4f4ec 45%,#d9efe3)}.mobile-shell{width:100%;max-width:420px;min-height:100vh;background:linear-gradient(180deg,#f2fbf6,#e8f5ee);color:#0f172a;border-radius:26px;box-shadow:0 20px 45px #0000002e,inset 0 0 0 1px #fffc;padding:16px;display:flex;flex-direction:column}@media(min-width:768px){.mobile-shell{margin:24px 0}}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}a{color:inherit;text-decoration:none}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#0ea5e9,#2563eb);color:#fff;padding:10px 18px;border-radius:14px;font-size:13px;font-weight:600;box-shadow:0 8px 25px #0ea5e959;z-index:9999}.hidden{display:none!important}