:root{
  --navy:#07183f;--blue:#1264f3;--cyan:#16c9e8;--purple:#7357f6;
  --muted:#536381;--line:#dfe9f7;--soft:#f4f9ff;--white:#fff;
  --shadow:0 24px 70px rgba(16,72,150,.12);--radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
.container{width:min(1240px,92%);margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e8eef7}
.brand-link{display:flex;align-items:center;flex:0 0 180px;width:180px;height:64px;overflow:hidden}.nav{min-height:86px;display:flex;align-items:center;gap:28px}
.brand-img{display:block!important;width:180px!important;max-width:180px!important;height:64px!important;max-height:64px!important;object-fit:contain!important;object-position:left center!important;flex:0 0 180px!important}
.nav nav{display:flex;gap:30px;margin-left:auto;color:#20345a;font-size:15px;font-weight:600}
.nav nav a:hover{color:var(--blue)}
.nav-actions{display:flex;align-items:center;gap:18px;margin-left:8px}
.login{font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 24px;border:0;border-radius:13px;background:linear-gradient(100deg,#215cf6,#13c8e8);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(25,105,241,.22);transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn.small{padding:10px 16px;font-size:13px}
.btn.ghost{background:#fff;color:var(--navy);border:1px solid #cfe0f6;box-shadow:none}
.hero{position:relative;overflow:hidden;padding:78px 0 60px;background:
radial-gradient(circle at 78% 32%,rgba(21,202,239,.16),transparent 26%),
radial-gradient(circle at 62% 48%,rgba(46,107,247,.12),transparent 28%),
linear-gradient(180deg,#f5fbff 0%,#fff 86%)}
.hero:after{content:"";position:absolute;width:700px;height:700px;right:-180px;top:50px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(38,112,247,.10) 0 2px,transparent 3px 42px);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(48px,6.2vw,82px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 24px}
.hero h1 .accent{color:#1768f5}
.hero-copy{max-width:650px;color:#42577d;font-size:18px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin:30px 0}
.trust{display:flex;flex-wrap:wrap;gap:26px;color:#20345a;font-size:14px;font-weight:600}
.trust span:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:#1672f5;color:#fff;font-size:12px}
.pill{display:inline-flex;gap:15px;align-items:center;padding:10px 18px;border:1px solid #dbe8fa;border-radius:99px;background:#eef7ff;color:#16448c;font-size:12px;font-weight:900;letter-spacing:.16em}
.mock-wrap{position:relative;min-height:610px;display:grid;place-items:center}
.mock-glow{position:absolute;width:570px;height:570px;border-radius:50%;background:radial-gradient(circle,rgba(31,107,247,.23),rgba(20,199,235,.12) 38%,transparent 68%)}
.phone{position:relative;z-index:2;width:320px;height:600px;border:10px solid #07101f;border-radius:48px;background:#f8fbff;box-shadow:0 35px 65px rgba(3,34,89,.28);transform:rotate(7deg);overflow:hidden}
.phone-notch{width:118px;height:25px;background:#07101f;border-radius:0 0 16px 16px;margin:auto}
.phone-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 8px;font-weight:900}
.phone-head small{color:#1467ee}
.phone-list{padding:0 14px}
.app-row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #e3ebf6;border-radius:15px;padding:11px;margin:9px 0;box-shadow:0 5px 18px rgba(24,76,138,.06)}
.app-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#1470f5,#16c9e8)}
.app-row:nth-child(2) .app-icon{background:linear-gradient(135deg,#14bf84,#3ae3a0)}
.app-row:nth-child(3) .app-icon{background:linear-gradient(135deg,#ff4c58,#ff9d4a)}
.app-row:nth-child(4) .app-icon{background:linear-gradient(135deg,#ff7d22,#ffd24a)}
.app-row:nth-child(5) .app-icon{background:linear-gradient(135deg,#7357f6,#19b7ff)}
.app-info b{display:block;font-size:12px}.app-info small{display:block;color:#667997;font-size:10px}.price{font-weight:900;color:#1264f3;font-size:12px;text-align:right}.price small{display:block;color:#687a96;font-weight:600;font-size:9px}
.phone-tabs{position:absolute;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #e0e8f3;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center;font-size:10px;color:#71809a}
.phone-tabs b{display:block;color:#1264f3}
.callout{position:absolute;z-index:3;background:#fff;border:1px solid #e1eafa;border-radius:20px;padding:15px 20px;box-shadow:var(--shadow);font-size:14px;min-width:190px}
.callout strong{display:block;font-size:17px}.callout small{color:#657897}
.callout.test{left:10px;top:110px}.callout.share{left:0;bottom:130px}.callout.earn{right:-10px;top:245px}.callout:before{content:"";display:inline-grid;place-items:center;position:absolute;left:15px;top:15px;width:36px;height:36px;border-radius:50%;background:#e8f8ee;color:#12ad63}.callout{padding-left:65px}.callout.test:before{content:"✓"}.callout.share:before{content:"•••";background:#efeaff;color:#7357f6}.callout.earn:before{content:"₹";background:#fff1cf;color:#ef9a00}
.stats{position:relative;z-index:4;width:min(1180px,92%);margin:-4px auto 0;background:#fff;border:1px solid #e3edf8;border-radius:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);padding:26px 20px}
.stats>div{text-align:center;border-right:1px solid #e4ebf5}.stats>div:last-child{border-right:0}.stats b{display:block;font-size:27px}.stats small{color:#61728e;font-size:13px}
.section{padding:90px 0}.section.soft{background:#f6fbff}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.2em;color:#1766e8}.section h2{font-size:44px;letter-spacing:-.045em;line-height:1.1;margin:12px 0 18px}.lead{color:#5b6f8d;font-size:17px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.card{background:#fff;border:1px solid #e2ebf7;border-radius:20px;padding:25px;box-shadow:0 12px 30px rgba(19,78,143,.06)}.card .icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf6ff;color:#1264f3;font-size:22px}.card h3{margin:17px 0 8px}.card p{color:#647693;font-size:14px}.card a{color:#1264f3;font-weight:800;font-size:13px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}.step{padding:26px;border-radius:20px;background:#fff;border:1px solid #dce9f7}.step-num{font-size:13px;font-weight:900;color:#1264f3}.step h3{margin:10px 0 6px}.step p{color:#637694;font-size:14px}
.blue-section{background:linear-gradient(120deg,#061d55,#0c55c8 60%,#0ac4e8);color:#fff}.blue-section .lead{color:#d7e6ff}.earn-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.earn-list{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:26px}.earn-list p{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.14);margin:0}.earn-list p:last-child{border-bottom:0}
.faq details{background:#fff;border:1px solid #dfe9f5;border-radius:15px;padding:18px 20px;margin:12px 0}.faq summary{font-weight:800;cursor:pointer}
.footer{background:#07183f;color:#dce8ff}.footer-grid{padding:60px 0 35px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-logo{width:210px;max-width:210px;height:auto;filter:drop-shadow(0 5px 14px rgba(0,0,0,.15))}.footer a{display:block;color:#c7d7f3;font-size:13px;margin:8px 0}.footer p{color:#a9bddf;font-size:13px;max-width:420px}.copyright{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;color:#9eb3d6;font-size:12px}
.page{padding:70px 0;background:linear-gradient(180deg,#f7fbff,#fff 35%);min-height:70vh}.page h1{font-size:50px;letter-spacing:-.045em}.task-list{display:grid;gap:16px;margin-top:28px}.task-card,.panel,.auth-card{background:#fff;border:1px solid #dfe9f5;border-radius:20px;box-shadow:0 14px 38px rgba(17,76,141,.07)}.task-card{display:flex;justify-content:space-between;gap:24px;padding:24px}.task-card p{color:#647693}.reward{min-width:125px;text-align:right;font-size:22px;font-weight:900;color:#1264f3}.reward .btn{display:flex;margin-top:12px}.filter{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.filter a{padding:9px 15px;border-radius:99px;background:#fff;border:1px solid #dce7f4;color:#526786;font-size:13px;font-weight:700}.filter .active{background:#1264f3;color:#fff;border-color:#1264f3}
.auth-body{min-height:100vh;display:grid;place-items:center;padding:35px;background:linear-gradient(135deg,#f2f9ff,#fff)}.auth{width:min(560px,94%)}.auth-card{padding:34px}.auth-logo{width:220px;display:block;margin:0 auto 24px}.auth-card h1{margin:0 0 10px;font-size:42px}.auth-card label{display:block;font-size:13px;font-weight:800;margin:16px 0}.auth-card input,.auth-card textarea,.auth-card select{width:100%;padding:13px 14px;border:1px solid #d8e4f2;border-radius:12px;margin-top:7px;background:#fff;outline:none}.auth-card input:focus,.auth-card textarea:focus,.auth-card select:focus{border-color:#2773ef;box-shadow:0 0 0 4px #2773ef15}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.center{text-align:center}.check{font-weight:500!important;color:#647693}.check input{width:auto}.notice,.success,.flash{padding:14px 16px;border-radius:13px;margin:15px 0;font-size:13px}.notice{background:#fff8e8;border:1px solid #f1d899;color:#775b17}.success,.flash{background:#ecfbf3;border:1px solid #bfead3;color:#087247}
.admin-nav{background:#06183f;color:#fff;padding:11px 0}.admin-nav a{margin-right:20px;font-size:13px;color:#d9e7ff;font-weight:700}.admin-nav a:hover{color:#fff}
.admin-nav + .page{background:#f5faff}.stats{margin:25px auto}.task-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:17px 0;border-top:1px solid #e7eef7}.task-row small{display:block;color:#6a7d99}.status{font-size:11px;color:#09875a;font-weight:900}
.narrow{width:min(820px,92%);margin:auto}.business-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
@media(max-width:1000px){.hero-grid,.earn-panel,.business-grid{grid-template-columns:1fr}.mock-wrap{min-height:570px}.cards,.steps{grid-template-columns:1fr 1fr}.nav nav{display:none}.stats{grid-template-columns:1fr 1fr}.callout.earn{right:0}}
@media(max-width:650px){.nav{min-height:72px}.brand-img{width:150px}.nav-actions .login{display:none}.hero{padding:50px 0 35px}.hero h1{font-size:47px}.hero-actions{flex-direction:column}.cards,.steps,.stats,.two{grid-template-columns:1fr}.stats>div{border-right:0;border-bottom:1px solid #e4ebf5;padding:12px}.stats>div:last-child{border-bottom:0}.phone{width:275px;height:520px}.mock-wrap{min-height:560px}.callout{transform:scale(.82)}.callout.test{left:-10px}.callout.share{left:-20px}.callout.earn{right:-18px}.task-card{display:block}.reward{text-align:left;margin-top:15px}.footer-grid{grid-template-columns:1fr}.section{padding:65px 0}}

.service-cards{grid-template-columns:repeat(3,1fr)}
.package-list{display:grid;gap:10px;margin:18px 0}.package{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:13px;border:1px solid #e1eaf5;border-radius:14px;background:#f9fcff}.package b{display:block}.package small{display:block;color:#1264f3;font-weight:800;font-size:11px}.package span{display:block;color:#6a7b95;font-size:12px;margin-top:4px}.package strong{color:#1264f3;white-space:nowrap}.checkout-total{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;margin:20px 0;border-radius:16px;background:#f2f8ff;border:1px solid #d9e8f8}.checkout-total strong{font-size:25px;color:#1264f3}.order-panel{padding:28px}.order-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.order-grid div{padding:14px;border:1px solid #e4ecf5;border-radius:14px}.order-grid small{display:block;color:#71819a;font-size:11px}.order-grid b{display:block;margin-top:4px}.message{padding:15px;border:1px solid #e1eaf5;border-radius:14px;margin:10px 0;background:#fbfdff}.message small{display:block;color:#74839b;font-size:11px}.message p{margin:8px 0 0}.order-row{grid-template-columns:1fr auto auto auto auto}
@media(max-width:1000px){.service-cards{grid-template-columns:1fr 1fr}.order-grid{grid-template-columns:1fr 1fr}.order-row{grid-template-columns:1fr auto}}
@media(max-width:650px){.service-cards,.order-grid{grid-template-columns:1fr}.package{display:block}.package strong{display:block;margin-top:7px}}

.package-admin-list{display:grid;gap:18px}.package-admin{padding:24px}.package-admin h3{margin-top:0}.package-admin label{display:block;font-size:13px;font-weight:800;margin:12px 0}.package-admin input{width:100%;padding:11px 12px;border:1px solid #d8e4f2;border-radius:10px;margin-top:6px}.package-admin .check{font-weight:500;color:#647693}.package-admin .check input{width:auto;margin-right:7px}

.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th,.data-table td{padding:13px 12px;border-bottom:1px solid #e6eef7;text-align:left;vertical-align:top;font-size:13px}.data-table th{color:#506786;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:#f8fbff}.data-table small{display:block;color:#6c7d98;margin-top:4px}.progress{width:100px;height:8px;background:#e7eef8;border-radius:99px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:6px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#1768f5,#12c8e9);border-radius:99px}.message{padding:14px;border:1px solid #e2ebf5;border-radius:14px;margin:10px 0;background:#fbfdff}.message small{display:block;color:#71819a}.order-panel h3{margin-top:28px}

/* V15 Admin Command Center */
.admin-nav .active{font-weight:800;text-decoration:underline;text-underline-offset:5px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.stats.compact{margin:0 0 16px}.stats.compact>div{padding:14px}.stats span{display:block;font-size:12px;opacity:.68;margin-top:4px}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.progress{height:8px;background:#e9eef7;border-radius:999px;overflow:hidden;margin-top:10px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#19a7ff,#246bff);border-radius:999px}@media(max-width:820px){.grid-2{grid-template-columns:1fr}.panel-head{flex-direction:column}.admin-nav .container{overflow-x:auto;white-space:nowrap}.task-row{flex-wrap:wrap}}