*{box-sizing:border-box}body{color:#0f172a;background:#f4f8ff;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.spa-page{min-height:100vh;padding-bottom:94px}.desktop-layout{width:100%;min-height:100vh}.hero-card{background:#fff;border-bottom:1px solid #d7e7fb;overflow:hidden}.banner-wrap{background:#fff;position:relative;overflow:hidden}.banner-wrap img{object-fit:cover;object-position:top center;width:100%;min-height:250px;max-height:420px;display:block}.banner-dots{gap:7px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.banner-dots span{background:#ffffff8c;border:1px solid #ffffffe6;border-radius:999px;width:8px;height:8px}.banner-dots span.active{background:#22c55e;width:22px}.brand-box{text-align:center;background:#fff;padding:16px 18px 10px}.brand-box h1{letter-spacing:-.6px;margin:0;font-size:30px;font-weight:950;line-height:1}.brand-box h1 span{color:#ec4899}.brand-box h1 b{color:#f97316}.brand-box p{color:#64748b;max-width:460px;margin:8px auto 0;font-size:12px;font-weight:750;line-height:1.45}.control-panel{background:#fff;border-top:1px solid #eef4fb;padding:16px 18px 18px}.gender-title{color:#0f2f5f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:950}.gender-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.gender-grid button{cursor:pointer;border:1.5px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:12px 14px;font-size:14px;font-weight:950;display:inline-flex}.gender-grid svg{width:18px;height:18px}.gender-grid .male{color:#0b5ed7;background:#eaf3ff;border-color:#bdd8f7}.gender-grid .male.active{color:#fff;background:#0b5ed7;border-color:#0b5ed7;box-shadow:0 16px 32px #0b5ed738}.gender-grid .female{color:#0f7a42;background:#eafaf1;border-color:#b9ebcf}.gender-grid .female.active{color:#fff;background:#16a34a;border-color:#16a34a;box-shadow:0 16px 32px #16a34a38}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.stats-row div{text-align:center;background:#f7fbff;border:1px solid #d7e7fb;border-radius:18px;padding:12px 10px}.stats-row strong{color:#0b5ed7;font-size:18px;font-weight:950;line-height:1;display:block}.stats-row span{color:#64748b;margin-top:5px;font-size:10.5px;font-weight:850;line-height:1.25;display:block}.desktop-titlebar{display:none}.profile-list-wrap{background:#f7fbff;padding:16px 14px 24px}.profiles-grid{grid-template-columns:1fr;gap:12px;display:grid}.profile-card{background:#fff;border:1px solid #cfe2f8;border-radius:24px;align-items:center;gap:12px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 38px #0f172a14}.profile-card:before{content:"";background:linear-gradient(90deg,#0b5ed7,#16a34a);height:5px;position:absolute;inset:0 0 auto}.profile-avatar{color:#fff;border:3px solid #fff;border-radius:22px;flex:0 0 74px;place-items:center;width:74px;height:74px;font-size:20px;font-weight:950;display:grid;position:relative;overflow:visible;box-shadow:0 16px 28px #0f172a26}.profile-avatar img{object-fit:cover;border-radius:19px;width:74px;height:74px}.online-badge{color:#fff;background:#16a34a;border:2px solid #fff;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:950;line-height:1;position:absolute;bottom:-5px;right:-7px}.profile-info{flex:1;min-width:0}.name-row{align-items:center;gap:7px;display:flex}.name-row h3{color:#0f2f5f;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:950;overflow:hidden}.verified-dot{color:#fff;background:#0b5ed7;border-radius:999px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:950;display:grid}.meta{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:12px;font-weight:800;overflow:hidden}.tag-row{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.tag-row span,.tag-row b{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950}.tag-row span{color:#0b5ed7;background:#eaf3ff}.tag-row b{color:#0f7a42;background:#eafaf1}.profile-card button{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:12px;width:auto;min-width:96px;margin-top:10px;padding:8px 12px;font-size:11px;font-weight:950;box-shadow:0 10px 22px #16a34a33}.profile-loading,.profile-empty{text-align:center;color:#64748b;background:#fff;border:1px solid #cfe2f8;border-radius:24px;margin:16px;padding:35px 18px}.detail-overlay,.registration-modal,.popup-overlay{z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.detail-sheet,.registration-card{background:#fff;border-radius:28px 28px 0 0;width:100%;max-height:88vh;position:relative;overflow:hidden;box-shadow:0 -28px 80px #0f172a57}.detail-close,.registration-head>button,.popup-card>button{color:#fff;cursor:pointer;z-index:2;background:#ffffff2e;border:0;border-radius:999px;width:38px;height:38px;font-size:24px;font-weight:950;position:absolute;top:13px;right:13px}.detail-head{color:#fff;background:linear-gradient(135deg,#0b5ed7,#0f7a42 70%,#16a34a);align-items:center;gap:14px;padding:18px 58px 20px 18px;display:flex}.detail-avatar{background:#0b5ed7;border:3px solid #ffffffeb;border-radius:28px;flex:0 0 86px;place-items:center;width:86px;height:86px;display:grid;position:relative}.detail-avatar img{object-fit:cover;border-radius:25px;width:100%;height:100%}.detail-avatar em{color:#fff;background:#16a34a;border:2px solid #fff;border-radius:999px;padding:4px 9px;font-size:9px;font-style:normal;font-weight:950;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.detail-head h2{margin:0;font-size:22px}.detail-head p{color:#ffffffe0;margin:6px 0 10px;font-size:12px;font-weight:800}.joined-chip{color:#0b5ed7;background:#fff;border-radius:999px;padding:6px 9px;font-size:10.5px;font-weight:950}.detail-body{background:#f7fbff;max-height:calc(88vh - 130px);padding:14px 16px 18px;overflow:auto}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-stats div,.review-card{background:#fff;border:1px solid #d7e7fb;border-radius:20px;padding:12px;box-shadow:0 12px 26px #0f172a0f}.detail-stats small{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:950;display:block}.detail-stats strong{color:#0f2f5f;margin-top:5px;font-size:16px;display:block}.detail-stats div:first-child strong{color:#ea580c;font-size:20px}.review-title{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.review-title h3{color:#0f2f5f;margin:0}.review-title span{color:#0f7a42;background:#eafaf1;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950}.reviews-grid{gap:10px;margin-top:10px;display:grid}.review-card div{justify-content:space-between;gap:8px;display:flex}.review-card b{color:#0f2f5f}.review-card span{color:#c2410c;background:#fff7ed;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950}.review-card small{color:#94a3b8;margin-top:3px;font-weight:850;display:block}.review-card p{color:#334155;font-size:12.5px;font-weight:760;line-height:1.48}.review-card em{color:#0b5ed7;background:#eaf3ff;border-radius:999px;padding:6px 9px;font-size:10.5px;font-style:normal;font-weight:950;display:inline-flex}.bottom-cta{z-index:9999;padding:8px 14px max(env(safe-area-inset-bottom,0px),10px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-top:1px solid #d7e7fb;position:fixed;bottom:0;left:0;right:0}.bottom-cta button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#0b8f44);border:0;border-radius:18px;width:100%;max-width:420px;margin:0 auto;padding:13px 16px;font-size:15px;font-weight:950;display:block;box-shadow:0 18px 38px #16a34a42}.registration-card{flex-direction:column;height:75vh;display:flex}.registration-head{color:#fff;background:linear-gradient(135deg,#0b5ed7,#1363df 70%,#16a34a);justify-content:space-between;gap:12px;padding:14px 58px 12px 18px;display:flex;position:relative}.registration-head span{text-transform:uppercase;background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:9.5px;font-weight:950;display:inline-flex}.registration-head svg{width:14px;height:14px}.registration-head h2{color:#fff;margin:8px 0 0;font-size:18px}.registration-head p{color:#ffffffe0;margin:3px 0 0;font-size:10px;font-weight:760}.form-error{color:#c2410c;background:#fff7ed;margin:0;padding:10px 18px;font-size:12px;font-weight:900}.registration-body{background:#f7fbff;flex:1;padding:14px 18px;overflow:auto}.registration-body.details{flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.form-grid{gap:20px;display:grid}.field span{color:#0f2f5f;margin-bottom:7px;font-size:11px;font-weight:950;display:block}.field input{color:#0f172a;background:#fff;border:1.5px solid #cfe2f8;border-radius:16px;outline:none;width:100%;height:46px;padding:0 14px;font-size:13px;font-weight:850}.field input[type=file]{height:auto;padding:10px}.next-bar{margin-top:auto;padding:14px 0}.next-bar button,.utr-box button,.success-step button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#149445);border:0;border-radius:18px;width:100%;padding:14px;font-size:14px;font-weight:950}.plan-list{grid-template-columns:1fr;gap:10px;display:grid}.plan-card{background:#fff;border:1px solid #cfe2f8;border-radius:18px;padding:12px;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a12}.plan-card:before{content:"";background:var(--plan-color);height:5px;position:absolute;inset:0 0 auto}.plan-top{justify-content:space-between;gap:12px;display:flex}.plan-top span{background:var(--plan-color);color:#fff;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:950;display:inline-flex}.plan-top h3{margin:5px 0 0;font-size:14px}.plan-top p{color:#64748b;text-transform:uppercase;margin:2px 0 0;font-size:9.5px;font-weight:950}.plan-top strong{font-size:18px}.earning{color:#fff;background:var(--plan-color);border-radius:14px;margin-top:8px;padding:7px 9px}.earning small{color:#ffffffbf;text-transform:uppercase;font-size:10px;font-weight:950;display:block}.earning b{margin-top:2px;font-size:12px;display:block}.plan-card ul{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.plan-card li{color:#334155;gap:6px;font-size:10.5px;font-weight:800;display:flex}.plan-card li svg{width:14px}.plan-card button{background:var(--plan-color);color:#fff;cursor:pointer;border:0;border-radius:14px;width:100%;margin-top:8px;padding:9px 11px;font-size:12px;font-weight:950}.back-btn{color:#0b5ed7;background:#fff;border:1px solid #cfe2f8;border-radius:15px;width:100%;margin-top:10px;padding:10px 12px;font-size:12.5px;font-weight:950}.qr-step{text-align:center}.qr-box{background:#fff;border:1px solid #d7e7fb;border-radius:22px;padding:16px}.qr-box h3{margin:0}.qr-img{object-fit:contain;background:#fff;border:1px solid #d7e7fb;border-radius:18px;width:min(260px,80vw);height:min(260px,80vw);margin:12px auto;display:block}.qr-placeholder{color:#64748b;border:1px dashed #94a3b8;border-radius:18px;place-items:center;width:min(260px,80vw);height:220px;margin:12px auto;display:grid}.upi-line{color:#64748b}.timer-box{color:#0b5ed7;background:#eaf3ff;border-radius:14px;padding:10px;font-weight:900}.utr-box{text-align:left;gap:12px;margin-top:14px;display:grid}.success-step{text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.popup-overlay{z-index:10000;align-items:center;padding:18px}.popup-card{text-align:center;background:#fff;border-radius:28px;width:min(92vw,420px);padding:18px;position:relative;box-shadow:0 30px 90px #0f172a61}.popup-card>button{color:#fff;background:#0f172a}.popup-card img{object-fit:cover;border-radius:20px;width:100%;max-height:220px}.popup-card h3{color:#0f2f5f;margin:14px 0 6px}.popup-card p{color:#64748b}.popup-cta{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:16px;width:100%;padding:13px;font-weight:950}@media (min-width:768px){.spa-page{background:radial-gradient(circle at 8% 8%,#0b5ed724,#0000 28%),radial-gradient(circle at 92% 12%,#16a34a1f,#0000 24%),#edf6ff;padding:28px 24px 104px}.desktop-layout{grid-template-columns:minmax(340px,430px) minmax(0,1fr);align-items:start;gap:22px;max-width:1220px;min-height:auto;margin:0 auto;display:grid}.hero-card{border:1px solid #cfe2f8;border-radius:30px;position:sticky;top:24px;box-shadow:0 30px 70px #0b5ed724}.profile-panel{background:#fff;border:1px solid #cfe2f8;border-radius:30px;overflow:hidden;box-shadow:0 30px 70px #0f172a1a}.desktop-titlebar{color:#fff;background:linear-gradient(135deg,#0b5ed7,#16a34a);justify-content:space-between;align-items:center;gap:18px;padding:22px 24px 18px;display:flex}.desktop-titlebar h2{color:#fff;margin:0;font-size:26px}.desktop-titlebar p{color:#ffffffd6;margin:6px 0 0;font-size:13px;font-weight:750}.desktop-titlebar span{color:#0b5ed7;background:#fff;border-radius:999px;padding:11px 15px;font-size:12px;font-weight:950}.profile-list-wrap{background:#fff;padding:18px 20px 22px}.profiles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-overlay,.registration-modal{align-items:center;padding:28px}.detail-sheet,.registration-card{border-radius:34px;width:min(96vw,920px);height:auto;max-height:88vh}.detail-head{padding:24px 70px 24px 28px}.detail-body{max-height:calc(88vh - 160px);padding:20px 24px 24px}.detail-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.registration-head{padding:22px 70px 22px 26px}.registration-head h2{font-size:30px}.registration-head p{font-size:13px}.registration-body{padding:24px 28px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.plan-list{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{flex-direction:column;min-height:320px;display:flex}.plan-card ul{flex:1}.bottom-cta button{max-width:420px}}