:root { --blue:#2fa8dd; --deep:#071c31; --ink:#102942; --muted:#63788d; --line:rgba(16,41,66,.12); --cream:#f8fbfd; --white:#fff; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--cream); font-family:Manrope,Arial,sans-serif; overflow-x:hidden; } a { color:inherit; text-decoration:none; } button,input { font:inherit; } .container { width:min(1180px,calc(100% - 64px)); margin:auto; }
.hero { min-height:100svh; position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(130deg,#f9fcfe 0%,#e8f6fc 46%,#f8fcff 100%); display:flex; flex-direction:column; padding:24px 0 26px; } .grid-overlay { position:absolute; inset:0; pointer-events:none; opacity:.42; background-image:linear-gradient(rgba(47,168,221,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(47,168,221,.07) 1px,transparent 1px); background-size:58px 58px; mask-image:radial-gradient(ellipse at 60% 42%,#000 0%,transparent 70%); z-index:-1; } .orb { border-radius:50%; position:absolute; filter:blur(3px); z-index:-1; } .orb-one { width:580px;height:580px;background:rgba(106,206,246,.16);right:8%;top:10%; } .orb-two { width:380px;height:380px;background:rgba(255,255,255,.9);left:-130px;bottom:-100px; }
.nav { display:flex; justify-content:space-between; align-items:center; position:relative; z-index:4; } .brand { display:inline-flex; align-items:center; gap:9px; font-weight:800; letter-spacing:-1px; font-size:21px; } .brand img { width:37px; height:37px; object-fit:cover; border-radius:50%; } .brand span span { color:var(--blue); } .nav-link { font-size:13px; font-weight:700; padding:9px 0; } .nav-link span { color:var(--blue); padding-left:5px; }
.hero-content { display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; flex:1; min-height:620px; padding:35px 0 15px; position:relative; z-index:2; } .eyebrow { color:var(--blue); font-size:11px; letter-spacing:1.5px; font-weight:800; text-transform:uppercase; margin:0 0 19px; display:flex; align-items:center; gap:9px; } .eyebrow span { height:1px;width:26px;background:currentColor;display:inline-block; } h1,h2 { letter-spacing:-.065em; margin:0; line-height:.98; font-weight:800; } h1 { font-size:clamp(47px,5.35vw,78px); max-width:650px; } h1 em,h2 em { color:var(--blue); font-family:'Playfair Display',serif; font-weight:600; letter-spacing:-.075em; } .hero-description { max-width:470px; color:var(--muted); font-size:15px; line-height:1.7; margin:25px 0 28px; } .hero-actions { display:flex; align-items:center; gap:25px; } .button { display:inline-flex; align-items:center; justify-content:center; border:0; cursor:pointer; font-size:13px; font-weight:800; letter-spacing:.01em; transition:transform .25s,box-shadow .25s,background .25s; } .button:focus-visible,.owl-button:focus-visible,a:focus-visible,input:focus-visible { outline:3px solid rgba(47,168,221,.35); outline-offset:4px; } .button-primary { background:var(--blue); color:#fff; padding:16px 19px; border-radius:4px; gap:19px; box-shadow:0 12px 22px rgba(47,168,221,.2); } .button-primary:hover { transform:translateY(-3px); box-shadow:0 15px 27px rgba(47,168,221,.33); background:#159bd5; } .text-link { font-size:12px; font-weight:800; border-bottom:1px solid var(--ink); padding-bottom:3px; } .text-link span { color:var(--blue); padding-left:4px; } .launching { color:#708397; font-size:11px; font-weight:700; margin:30px 0 0; display:flex;gap:8px;align-items:center; }.pulse { width:7px;height:7px;background:var(--blue);border-radius:50%; box-shadow:0 0 0 0 rgba(47,168,221,.45); animation:pulse 2.2s infinite; }
.owl-stage { height:475px; position:relative; transform-style:preserve-3d; --px:0px; --py:0px; } .halo { position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(47,168,221,.26),rgba(47,168,221,.07) 52%,transparent 70%); top:66px;left:50%;transform:translateX(calc(-50% + var(--px)));filter:blur(2px); }.ring { position:absolute;border:1px solid rgba(47,168,221,.27);border-radius:50%; left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg); }.ring-one { width:380px;height:160px; }.ring-two { width:450px;height:220px;transform:translate(-50%,-50%) rotate(31deg); border-color:rgba(47,168,221,.13); }
.owl-button { position:absolute; top:55px; left:50%; transform:translate(calc(-50% + var(--px)),var(--py)); border:0; padding:0; cursor:pointer; background:transparent; width:270px; aspect-ratio:1; border-radius:50%; filter:drop-shadow(0 26px 20px rgba(31,105,142,.19)); transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .3s; animation:float 5s ease-in-out infinite; } .owl-button:hover { filter:drop-shadow(0 32px 22px rgba(31,105,142,.28)); } .owl-button img { width:100%;height:100%;object-fit:cover;border-radius:50%;display:block; } .tap-hint { position:absolute; right:-14px;bottom:17px; background:var(--white);box-shadow:0 8px 18px rgba(16,41,66,.12); color:#3b566e; padding:7px 10px;border-radius:20px;font-size:9px;font-weight:800;opacity:.8; } .owl-message { position:absolute; background:#102942;color:white;border-radius:9px;padding:12px 15px; font-size:11px;line-height:1.65;right:3%;top:48px; opacity:0;transform:translateY(7px) scale(.95);transition:all .3s;pointer-events:none; }.owl-message::after { content:'';border:7px solid transparent;border-right-color:#102942;position:absolute;left:-14px;top:22px; }.owl-message.show { opacity:1;transform:translateY(0) scale(1); }.owl-message strong { color:#8fddfa; }.study-status { position:absolute;top:342px;left:50%;transform:translateX(-50%); white-space:nowrap;background:rgba(255,255,255,.72);border:1px solid rgba(47,168,221,.14);backdrop-filter:blur(9px);padding:11px 15px;border-radius:7px;box-shadow:0 9px 24px rgba(16,66,100,.08);font-size:11px;font-weight:700;color:#436078; }.status-dot { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:7px; }.study-status b { color:var(--blue);letter-spacing:2px; }
.study-card,.exam-chip { position:absolute;background:rgba(255,255,255,.77); border:1px solid rgba(47,168,221,.15);box-shadow:0 16px 35px rgba(32,90,118,.1);backdrop-filter:blur(9px); border-radius:9px; }.study-card { padding:12px; animation:cardFloat 6s ease-in-out infinite; }.study-card small { display:block;text-transform:uppercase;font-size:7px;letter-spacing:.8px;font-weight:800;color:#7790a2;margin-bottom:8px; }.study-card strong { font-size:13px;letter-spacing:-.6px;display:block; }.study-card strong span { font-size:8px;color:#91a2b1;font-weight:700; }.card-current { width:121px;top:52px;left:3%; transform:translate(calc(var(--px)*-.6),calc(var(--py)*-.6));}.mini-bars { display:flex;align-items:end;gap:3px;height:16px;margin-top:7px; }.mini-bars i { width:11px;background:#98daf5;border-radius:2px 2px 0 0; }.mini-bars i:nth-child(1){height:6px}.mini-bars i:nth-child(2){height:14px;background:var(--blue)}.mini-bars i:nth-child(3){height:9px}.card-reasoning { width:114px; right:2%;top:202px;animation-delay:-2s; transform:translate(calc(var(--px)*-.4),calc(var(--py)*-.4)); }.card-reasoning strong { color:var(--blue);font-size:10px;letter-spacing:1px; }.card-line { height:3px;background:#d8eef7;margin-top:10px;border-radius:3px;width:85%; }.card-mock { width:112px; left:10%;bottom:36px;animation-delay:-4s; transform:translate(calc(var(--px)*-.4),calc(var(--py)*-.4));}.card-mock strong { text-transform:uppercase;font-size:9px;letter-spacing:.1px; }.card-mock span { color:var(--blue);font-size:14px;float:right; }.exam-chip { padding:7px 9px;color:#527188;font-size:9px;font-weight:800;letter-spacing:.7px; }.chip-upsc { left:24%;top:10px; }.chip-ssc { right:15%;top:80px; }.chip-bank { right:1%;bottom:89px; }.chip-gk { left:35%;bottom:17px; }
.building { border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:28px;padding-top:18px;position:relative;z-index:2; }.building p { margin:0 0 4px;font-size:9px;text-transform:uppercase;letter-spacing:1.3px;font-weight:800;color:var(--ink); }.building div span,.building-note { font-size:10px;color:#7e91a2; }.loader { height:3px;background:#d4eaf4;border-radius:3px;display:flex;gap:3px;overflow:hidden; }.loader i { height:100%;display:block;background:var(--blue);width:15%;border-radius:3px;animation:load 2s infinite ease-in-out; }.loader i:nth-child(2){animation-delay:.12s}.loader i:nth-child(3){animation-delay:.24s}.loader i:nth-child(4){animation-delay:.36s}.loader i:nth-child(5){animation-delay:.48s}.loader i:nth-child(6){animation-delay:.6s}.scroll-cue { position:absolute;right:28px;bottom:27px;transform:rotate(90deg);transform-origin:right; font-size:9px;letter-spacing:1.3px;font-weight:800;text-transform:uppercase;color:#7790a2;z-index:3; }.scroll-cue span { width:29px;height:1px;background:var(--blue);display:inline-block;vertical-align:middle;margin-right:7px; }
.particles i { position:absolute;color:rgba(47,168,221,.35);font-style:normal;font-weight:800;font-size:14px;animation:particle 8s infinite ease-in-out; }.particles i:nth-child(1){left:9%;top:23%}.particles i:nth-child(2){right:9%;top:25%;animation-delay:-2s}.particles i:nth-child(3){left:43%;top:10%;animation-delay:-5s}.particles i:nth-child(4){right:35%;bottom:11%;animation-delay:-3s}.particles i:nth-child(5){left:3%;bottom:28%;animation-delay:-1s}.particles i:nth-child(6){right:3%;bottom:43%;animation-delay:-4s}.particles i:nth-child(7){left:62%;bottom:4%;animation-delay:-6s}.particles i:nth-child(8){left:29%;top:32%;animation-delay:-2s}
.section { padding:140px 0; }.vision { background:var(--white); }.section-head { display:grid;grid-template-columns:.65fr 1.35fr;gap:40px; }.section-head h2,.category-title h2,.notify h2 { font-size:clamp(39px,4.4vw,61px); }.section-head h2 + p { max-width:530px;color:var(--muted);font-size:14px;line-height:1.85;margin:24px 0 0; }.features { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:65px; }.feature-card { border:1px solid #e1ebf0;border-radius:8px;padding:21px;min-height:248px;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s,border .35s; }.feature-card:hover { transform:translateY(-8px);border-color:#addff2;box-shadow:0 19px 37px rgba(19,74,100,.08); }.feature-card>span { color:#86a4b7;font-size:10px;font-weight:800; }.feature-icon { color:var(--blue);font-size:22px;margin:40px 0 18px; }.feature-card h3 { text-transform:uppercase;font-size:12px;letter-spacing:.7px;margin:0 0 10px; }.feature-card p { color:var(--muted);font-size:11px;line-height:1.7;margin:0; }.categories { background:var(--deep);color:white;padding:88px 0;overflow:hidden; }.category-title { display:flex;align-items:end;justify-content:space-between;margin-bottom:42px; }.categories .eyebrow { color:#87d9fa;margin:0; }.category-title h2 { font-size:48px; }.marquee { width:100%;overflow:hidden; }.marquee-track { display:flex;width:max-content;gap:11px;animation:marquee 35s linear infinite; }.marquee span { display:flex;align-items:center;border:1px solid rgba(151,218,244,.25);border-radius:99px;padding:14px 21px;color:#c8ebf9;font-size:13px;font-weight:700;white-space:nowrap; }.marquee span:nth-child(3n){color:white;border-color:var(--blue);background:rgba(47,168,221,.13); }
.notify { padding:110px 0;background:linear-gradient(160deg,#f3fbff,#e8f7fd); }.notify-panel { min-height:370px;background:var(--deep);border-radius:13px;color:white;padding:60px 68px;display:grid;grid-template-columns:1fr 1.1fr;gap:50px;position:relative;overflow:hidden; }.notify-panel::after { content:'';position:absolute;width:480px;height:480px;border-radius:50%;right:-155px;bottom:-330px;background:rgba(47,168,221,.28);filter:blur(1px); }.notify-copy { position:relative;z-index:1; }.notify-copy .eyebrow { color:#82dafa; }.notify-copy h2 { font-size:54px; }.notify-copy p:last-child { color:#acc5d4;font-size:13px;line-height:1.7;max-width:300px;margin-top:19px; }.notify-form { align-self:center;position:relative;z-index:2; }.notify-form label { color:#c2dbe7;font-size:10px;font-weight:800;display:block;text-transform:uppercase;letter-spacing:1px;margin-bottom:9px; }.input-row { display:flex;gap:8px; }.input-row input { min-width:0;flex:1;background:white;border:1px solid transparent;border-radius:4px;padding:0 14px;color:var(--ink);font-size:12px;outline:0; }.input-row input:focus { border-color:#8cdcfb;box-shadow:0 0 0 3px rgba(47,168,221,.25); }.input-row .button { white-space:nowrap; }.form-message { min-height:18px;margin:10px 0 1px;color:#a9dfc2;font-size:11px;font-weight:700; }.form-message.error { color:#ffc8c8; }.notify-form small { font-size:9px;color:#88a9ba; }.notify-owl { position:absolute;right:-54px;top:-41px;width:200px;border-radius:50%;opacity:.12;filter:grayscale(1); }.notify-owl img { width:100%;border-radius:50%; }
.footer { background:#06182a;color:#c6dbe5;padding:27px 0; }.footer-inner { display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:center; }.footer .brand { color:white;font-size:16px; }.footer .brand img { width:29px;height:29px; }.footer p,.footer small { margin:0;font-size:10px;color:#89a6b6; }.footer p { font-style:italic; }.youtube { justify-self:end;color:#ccedf9;font-size:10px;font-weight:700; }.youtube span { background:#e95151;color:white;border-radius:4px;padding:3px 5px;margin-right:5px;font-size:8px; }.footer small { grid-column:1/-1;text-align:center;color:#5d7c8f; }
.reveal { animation:reveal .75s both; }.owl-stage.reveal { animation-delay:.13s; } @keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{margin-top:-12px}}@keyframes cardFloat{50%{margin-top:-9px}}@keyframes particle{50%{transform:translateY(-18px);opacity:.45}}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(47,168,221,0)}100%{box-shadow:0 0 0 0 rgba(47,168,221,0)}}@keyframes load{0%,100%{transform:translateX(-160%)}55%{transform:translateX(560%)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media (max-width:800px){.container{width:min(100% - 40px,620px)}.hero{padding-top:18px}.hero-content{grid-template-columns:1fr;min-height:auto;text-align:center;padding:54px 0 20px}.intro-copy{display:flex;flex-direction:column;align-items:center}.eyebrow{margin-bottom:15px}h1{font-size:clamp(42px,11.7vw,63px)}.hero-description{font-size:13px;max-width:405px;margin:20px 0 24px}.hero-actions{gap:19px}.owl-stage{height:430px;width:min(100%,460px);margin:15px auto 0}.owl-button{top:57px;width:240px}.halo{width:300px;height:300px;top:44px}.ring-one{width:330px}.ring-two{width:385px}.study-status{top:318px}.card-current{top:52px;left:-3%}.card-reasoning{right:-4%;top:194px}.card-mock{left:6%;bottom:24px}.chip-upsc{left:17%}.chip-bank{right:-1%;bottom:68px}.chip-gk{left:35%;bottom:3px}.building{grid-template-columns:1fr;gap:9px;padding-top:12px;text-align:center}.building-note{display:none}.scroll-cue{display:none}.section{padding:90px 0}.section-head{grid-template-columns:1fr;gap:0}.section-head>.eyebrow{margin-bottom:22px}.features{grid-template-columns:repeat(2,1fr);margin-top:42px}.feature-card{min-height:205px}.feature-icon{margin:28px 0 13px}.category-title{display:block}.category-title .eyebrow{margin-bottom:15px}.category-title h2{font-size:43px}.notify{padding:70px 0}.notify-panel{grid-template-columns:1fr;padding:43px 30px;gap:31px}.notify-copy h2{font-size:48px}.footer-inner{grid-template-columns:1fr auto}.footer p{display:none}.footer small{grid-column:1/-1;text-align:left}.youtube{font-size:9px}.particles i:nth-child(2n){display:none}}
@media (max-width:440px){.container{width:calc(100% - 32px)}.nav-link{font-size:11px}.brand{font-size:19px}.hero-content{padding-top:45px}.hero-actions{flex-direction:column;gap:18px}.launching{margin-top:24px}.owl-stage{height:408px;margin-top:1px;transform:scale(.92);transform-origin:top center;margin-bottom:-27px}.building{margin-top:9px}.features{grid-template-columns:1fr;gap:10px}.feature-card{min-height:174px}.feature-icon{margin:17px 0 10px}.section-head h2{font-size:40px}.input-row{display:block}.input-row input{height:48px;width:100%;margin-bottom:9px}.input-row .button{width:100%;height:47px}.notify-panel{padding:38px 24px}.notify-copy h2{font-size:44px}.footer-inner{gap:15px}.footer .brand span{display:none}.footer small{font-size:8px}.owl-message{right:0}.card-current{left:0}.card-reasoning{right:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.marquee{overflow:auto}.marquee-track{animation:none}.owl-button{animation:none}}
.honeypot { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }