@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&family=Outfit:wght@300;400;500;600&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#08090d;--s1:#0f1118;--s2:#161922;--s3:#1c2030;
  --b1:rgba(255,255,255,.06);--b2:rgba(255,255,255,.12);--b3:rgba(255,255,255,.2);
  --v:#7c3aed;--vl:#a78bfa;--vd:#5b21b6;
  --g:#10b981;--gl:#34d399;--a:#f59e0b;--al:#fbbf24;
  --r:#ef4444;--b:#3b82f6;--p:#ec4899;--t:#14b8a6;--o:#f97316;
  --tx:#f1f5f9;--m:#64748b;--track:rgba(255,255,255,.07);
  --rad:10px;--rad-l:16px;--rad-xl:22px;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font-family:'Outfit',sans-serif;min-height:100vh;overflow-x:hidden;line-height:1.6}
body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}

/* NAV */
.nav{position:sticky;top:0;z-index:200;background:rgba(8,9,13,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--b1);padding:0 20px;height:56px;display:flex;align-items:center;gap:14px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}
.logo-mark{width:30px;height:30px;background:var(--v);border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:700;font-size:11px;color:#fff;letter-spacing:.5px}
.logo-text{font-family:'Syne',sans-serif;font-size:16px;font-weight:600;color:var(--tx)}
.logo-text em{color:var(--vl);font-style:normal}
.nav-scroll{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;align-items:center}
.nav-scroll::-webkit-scrollbar{display:none}
.nl{padding:5px 11px;border-radius:7px;text-decoration:none;color:var(--m);font-size:13px;font-weight:400;white-space:nowrap;transition:all .15s}
.nl:hover,.nl.active{color:var(--tx);background:var(--s2)}
.ns{width:1px;height:16px;background:var(--b1);flex-shrink:0;margin:0 4px}

/* PAGE */
.page{position:relative;z-index:1;max-width:1060px;margin:0 auto;padding:32px 18px 64px}

/* HERO */
.hero{margin-bottom:26px}
.bc{font-size:12px;color:var(--m);margin-bottom:8px}
.bc a{color:var(--vl);text-decoration:none}
.bc a:hover{text-decoration:underline}
.hero h1{font-family:'Syne',sans-serif;font-size:clamp(24px,4vw,36px);font-weight:700;letter-spacing:-.5px;margin-bottom:6px}
.hero p{font-size:14px;color:var(--m);max-width:580px;line-height:1.7}

/* HOME HERO */
.home-hero{text-align:center;padding:52px 0 48px}
.home-hero h1{font-family:'Syne',sans-serif;font-size:clamp(36px,7vw,60px);font-weight:700;line-height:1.04;letter-spacing:-1.5px;margin-bottom:14px}
.home-hero h1 em{font-style:normal;color:var(--vl)}
.home-hero p{font-size:15px;color:var(--m);max-width:440px;margin:0 auto 8px;line-height:1.65}

/* GRID */
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:660px){.calc-grid{grid-template-columns:1fr}}

/* CARDS */
.card{background:var(--s2);border:1px solid var(--b1);border-radius:var(--rad-xl);padding:24px}
.card-r{background:var(--s1);border:1px solid var(--b1);border-radius:var(--rad-xl);padding:24px}
.cl{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--m);margin-bottom:18px;display:flex;align-items:center;gap:8px}
.cl::before{content:'';width:12px;height:2px;border-radius:1px;background:var(--v);flex-shrink:0}

/* FIELDS */
.field{margin-bottom:20px}
.field:last-child{margin-bottom:0}
.fh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}
.fn{font-size:13px;color:var(--m)}
.fv{font-size:19px;font-family:'Syne',sans-serif;font-weight:600;color:var(--tx);letter-spacing:-.3px}
.fv .u{font-size:12px;color:var(--m);font-family:'Outfit',sans-serif;font-weight:400;margin-left:2px}
label.lbl{font-size:13px;color:var(--m);display:block;margin-bottom:6px}

/* RANGE */
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--track);border-radius:2px;outline:none;cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:19px;height:19px;border-radius:50%;background:var(--v);cursor:pointer;border:3px solid var(--bg);box-shadow:0 0 0 1px var(--v);transition:transform .15s}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}
input[type=range]::-moz-range-thumb{width:19px;height:19px;border-radius:50%;background:var(--v);border:3px solid var(--bg)}
.rl{display:flex;justify-content:space-between;margin-top:6px}
.rl span{font-size:11px;color:var(--m)}

/* TEXT INPUTS */
.inp{width:100%;padding:10px 13px;background:var(--s1);border:1px solid var(--b1);border-radius:var(--rad);color:var(--tx);font-family:'Outfit',sans-serif;font-size:14px;outline:none;transition:border-color .2s}
.inp:focus{border-color:var(--b2)}
.inp::placeholder{color:var(--m)}
.inp::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.4)}
select.inp{cursor:pointer}

/* TOGGLE BUTTONS */
.tg{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.tb{padding:7px 14px;border-radius:var(--rad);border:1px solid var(--b1);background:transparent;color:var(--m);font-family:'Outfit',sans-serif;font-size:13px;cursor:pointer;transition:all .18s;white-space:nowrap}
.tb:hover{color:var(--tx);border-color:var(--b2)}
.tb.on{background:var(--v);color:#fff;border-color:var(--v)}
.tb.gon{background:var(--g);color:#fff;border-color:var(--g)}
.tb.aon{background:var(--a);color:#000;border-color:var(--a)}

/* RESULT */
.big{text-align:center;padding:18px 0 16px;border-bottom:1px solid var(--b1);margin-bottom:18px}
.bl{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--m);margin-bottom:8px}
.bv{font-family:'Syne',sans-serif;font-size:clamp(28px,6vw,46px);font-weight:700;letter-spacing:-1.5px;line-height:1;transition:all .3s}
.bs{font-size:12px;color:var(--m);margin-top:5px}

.bk{display:flex;flex-direction:column}
.br{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--b1)}
.br:last-child{border-bottom:none}
.bk-key{font-size:13px;color:var(--m);display:flex;align-items:center;gap:7px}
.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.bk-val{font-size:13px;font-weight:500;color:var(--tx)}

/* DONUT */
.donut{display:flex;justify-content:center;margin:6px 0 14px;position:relative}
.dc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}
.dc-l{font-size:11px;color:var(--m)}
.dc-v{font-family:'Syne',sans-serif;font-size:15px;font-weight:600}

/* SCHEDULE */
.sb{width:100%;padding:9px;background:transparent;border:1px solid var(--b1);border-radius:var(--rad);color:var(--m);font-family:'Outfit',sans-serif;font-size:13px;cursor:pointer;transition:all .2s;margin-top:10px}
.sb:hover{border-color:var(--v);color:var(--vl)}
.sched-scroll{max-height:260px;overflow-y:auto;border-radius:var(--rad);border:1px solid var(--b1);margin-top:10px;scrollbar-width:thin;scrollbar-color:var(--b1) transparent}
.st{width:100%;border-collapse:collapse;font-size:12px}
.st th{text-align:left;padding:8px 8px;color:var(--m);font-weight:500;border-bottom:1px solid var(--b1);background:var(--s2);position:sticky;top:0}
.st td{padding:6px 8px;border-bottom:1px solid var(--b1);color:var(--tx)}
.st tr:nth-child(even){background:rgba(255,255,255,.012)}
.st tr:last-child td{border:none}
.ci{color:var(--r)}.cp{color:var(--g)}

/* AFFILIATE */
.aff-hd{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--m);margin-bottom:10px}
.aff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:8px}
.aff-a{display:flex;flex-direction:column;padding:11px 13px;background:var(--s3);border:1px solid var(--b1);border-radius:var(--rad);text-decoration:none;transition:all .18s}
.aff-a:hover{border-color:var(--vl);transform:translateY(-1px)}
.aff-n{font-size:13px;font-weight:500;color:var(--tx)}
.aff-r{font-size:11px;color:var(--g);margin-top:2px}
.aff-c{font-size:11px;color:var(--vl);margin-top:5px}

/* MF CARD */
.mf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:14px}
.mf-a{display:block;background:var(--s3);border:1px solid var(--b1);border-radius:var(--rad-l);padding:15px;text-decoration:none;transition:all .2s;cursor:pointer}
.mf-a:hover{border-color:var(--vl);transform:translateY(-2px)}
.mf-n{font-size:13px;font-weight:500;color:var(--tx);margin-bottom:3px;line-height:1.4}
.mf-c{font-size:11px;color:var(--m);margin-bottom:10px}
.mf-ret{display:flex;justify-content:space-between}
.mf-rv{font-size:14px;font-weight:600;font-family:'Syne',sans-serif}
.mf-rl{font-size:10px;color:var(--m);margin-top:2px}
.mf-rb{height:3px;background:var(--track);border-radius:2px;margin-top:9px}
.mf-rf{height:100%;border-radius:2px}
.mf-bd{display:inline-block;font-size:10px;padding:2px 7px;border-radius:5px;margin-top:6px;font-weight:500}
.mf-lk{font-size:11px;color:var(--vl);margin-top:5px}

/* DOWNLOAD BTN */
.dlbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;background:var(--g);color:#000;border:none;border-radius:var(--rad);font-family:'Outfit',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:12px}
.dlbtn:hover{opacity:.85}

/* INFO BOXES */
.ib{padding:11px 14px;border-radius:var(--rad);font-size:13px;line-height:1.6;margin-top:10px}
.ib-b{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);color:#60a5fa}
.ib-g{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);color:#34d399}
.ib-a{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);color:var(--a)}

/* SLAB TABLE */
.slab{width:100%;border-collapse:collapse;font-size:13px}
.slab th{padding:8px 10px;text-align:left;color:var(--m);border-bottom:1px solid var(--b1);font-weight:500;background:var(--s3)}
.slab td{padding:8px 10px;border-bottom:1px solid var(--b1);color:var(--tx)}
.slab tr.hl td{color:var(--a);font-weight:500}

/* HOME TILE */
.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}
.tile{background:var(--s2);border:1px solid var(--b1);border-radius:var(--rad-l);padding:18px 16px;text-decoration:none;display:block;transition:all .2s;position:relative}
.tile:hover{border-color:var(--b2);transform:translateY(-2px)}
.ti{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:10px}
.tn{font-size:14px;font-weight:500;color:var(--tx);margin-bottom:3px;font-family:'Syne',sans-serif}
.td{font-size:11px;color:var(--m);line-height:1.5}
.ta{position:absolute;top:14px;right:14px;font-size:13px;color:var(--m);transition:transform .2s,color .2s}
.tile:hover .ta{transform:translate(2px,-2px);color:var(--tx)}

/* SECTION LABEL */
.sec-lbl{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--m);margin-bottom:12px;margin-top:28px}

/* STATS */
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px;margin-bottom:18px}
.sc{background:var(--s3);border:1px solid var(--b1);border-radius:var(--rad);padding:13px;text-align:center}
.sv{font-family:'Syne',sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px;margin-bottom:3px}
.sl{font-size:11px;color:var(--m)}

/* FAQ */
.faq{margin-top:44px;padding-top:28px;border-top:1px solid var(--b1)}
.faq-h{font-family:'Syne',sans-serif;font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:18px}
.faq-item{border-bottom:1px solid var(--b1)}
.fq{padding:14px 0;font-size:14px;font-weight:500;color:var(--tx);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;user-select:none;list-style:none;font-family:'Syne',sans-serif}
.fq:hover{color:var(--vl)}
.fi{color:var(--m);font-size:18px;transition:transform .2s;flex-shrink:0}
.fa{font-size:13px;color:var(--m);line-height:1.75;padding-bottom:14px;display:none}
.faq-item.open .fa{display:block}
.faq-item.open .fi{transform:rotate(45deg)}

/* UNIT / CURRENCY */
.cat-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.ctab{padding:7px 14px;border-radius:var(--rad);border:1px solid var(--b1);background:transparent;color:var(--m);font-family:'Outfit',sans-serif;font-size:13px;cursor:pointer;transition:all .18s}
.ctab:hover,.ctab.on{background:var(--t);color:#000;border-color:var(--t)}
.uc-panel{display:none}.uc-panel.on{display:block}
.curr-sel{width:100%;padding:10px 12px;background:var(--s1);border:1px solid var(--b1);border-radius:var(--rad);color:var(--tx);font-family:'Outfit',sans-serif;font-size:14px;outline:none;cursor:pointer}
.curr-sel option{background:var(--s2)}
.pop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:7px;margin-top:10px}
.pop-c{background:var(--s3);border:1px solid var(--b1);border-radius:var(--rad);padding:11px 9px;cursor:pointer;transition:all .15s}
.pop-c:hover{border-color:var(--b2)}
.pop-f{font-size:16px;margin-bottom:3px}
.pop-p{font-size:10px;color:var(--m)}
.pop-r{font-size:14px;font-weight:500;color:var(--tx)}
.unit-all{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:7px;margin-top:12px}
.ua-c{background:var(--s3);border:1px solid var(--b1);border-radius:var(--rad);padding:10px;text-align:center}
.ua-v{font-family:'Syne',sans-serif;font-size:16px;font-weight:600;word-break:break-all;color:var(--tx)}
.ua-l{font-size:11px;color:var(--m);margin-top:2px}

/* CGPA */
.sr{display:grid;grid-template-columns:1fr 70px 78px 30px;gap:6px;align-items:center;margin-bottom:7px}
.si{padding:8px 10px;background:var(--s1);border:1px solid var(--b1);border-radius:8px;color:var(--tx);font-family:'Outfit',sans-serif;font-size:13px;outline:none;width:100%;transition:border-color .2s}
.si:focus{border-color:var(--b2)}
.si::placeholder{color:var(--m)}
.delbtn{width:28px;height:28px;background:transparent;border:1px solid var(--b1);border-radius:7px;color:var(--m);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .2s;flex-shrink:0}
.delbtn:hover{border-color:var(--r);color:var(--r)}
.add-sub{width:100%;padding:8px;background:transparent;border:1px dashed var(--b2);border-radius:9px;color:var(--m);font-family:'Outfit',sans-serif;font-size:13px;cursor:pointer;transition:all .2s;margin-top:4px}
.add-sub:hover{border-color:var(--o);color:var(--o)}
.gr{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:9px}
.gc{background:var(--s3);border:1px solid var(--b1);border-radius:7px;padding:6px 4px;text-align:center}
.gcl{font-weight:600;color:var(--tx);font-size:12px;font-family:'Syne',sans-serif}
.gcp{font-size:10px;color:var(--m)}

/* CONTENT PAGES */
.cp{max-width:700px}
.cp h2{font-family:'Syne',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:24px 0 8px;color:var(--tx)}
.cp p,.cp li{font-size:14px;color:var(--m);line-height:1.8;margin-bottom:9px}
.cp ul{padding-left:18px;margin-bottom:10px}
.cp a{color:var(--vl)}

/* CONTACT */
.cf{display:flex;flex-direction:column;gap:11px;max-width:560px}
.cf-r{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:480px){.cf-r{grid-template-columns:1fr}}
.cfi{width:100%;padding:11px 13px;background:var(--s2);border:1px solid var(--b1);border-radius:var(--rad);color:var(--tx);font-family:'Outfit',sans-serif;font-size:14px;outline:none;transition:border-color .2s}
.cfi:focus{border-color:var(--b2)}
.cfi::placeholder{color:var(--m)}
textarea.cfi{resize:vertical;min-height:110px}
.cf-btn{padding:11px 24px;background:var(--v);color:#fff;border:none;border-radius:var(--rad);font-family:'Outfit',sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s;align-self:flex-start}
.cf-btn:hover{opacity:.85}
.cf-ok{display:none;padding:12px 15px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);border-radius:var(--rad);color:var(--g);font-size:13px;margin-top:5px}

/* FOOTER */
footer{position:relative;z-index:1;border-top:1px solid var(--b1);padding:32px 20px 20px;background:var(--s1)}
.fi{max-width:1060px;margin:0 auto}
.fg{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:24px;margin-bottom:24px}
@media(max-width:660px){.fg{grid-template-columns:1fr 1fr}}
.fc-brand p{font-size:13px;color:var(--m);line-height:1.6;margin-top:8px;max-width:200px}
.fc-col h4{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--m);margin-bottom:10px}
.fc-col a{display:block;font-size:13px;color:var(--m);text-decoration:none;margin-bottom:6px;transition:color .15s}
.fc-col a:hover{color:var(--vl)}
.fb{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--b1);flex-wrap:wrap;gap:8px;font-size:12px;color:var(--m)}
.fb-r{display:flex;gap:12px}
.fb-r a{font-size:12px;color:var(--m);text-decoration:none}
.fb-r a:hover{color:var(--tx)}

/* TIME TABS */
.ttab{padding:7px 14px;border-radius:var(--rad);border:1px solid var(--b1);background:transparent;color:var(--m);font-family:'Outfit',sans-serif;font-size:13px;cursor:pointer;transition:all .18s}
.ttab.on{background:var(--p);color:#fff;border-color:var(--p)}
.tp{display:none}.tp.on{display:block}

/* PCT MODE */
.pcat{padding:7px 14px;border-radius:var(--rad);border:1px solid var(--b1);background:transparent;color:var(--m);font-family:'Outfit',sans-serif;font-size:13px;cursor:pointer;transition:all .18s}
.pcat.on{background:var(--g);color:#fff;border-color:var(--g)}
.pp{display:none}.pp.on{display:block}
.big-num-inp{flex:1;min-width:80px;padding:10px 12px;background:var(--s1);border:1px solid var(--b1);border-radius:var(--rad);color:var(--tx);font-family:'Syne',sans-serif;font-size:20px;font-weight:600;outline:none;transition:border-color .2s;text-align:center}
.big-num-inp:focus{border-color:var(--b2)}
.big-num-inp::placeholder{color:var(--m);font-size:14px;font-family:'Outfit',sans-serif;font-weight:400}

/* REGIME */
.reg-tab{flex:1;padding:9px;border-radius:var(--rad);border:1px solid var(--b1);background:transparent;color:var(--m);font-family:'Outfit',sans-serif;font-size:13px;cursor:pointer;transition:all .18s;text-align:center}
.reg-tab.on{background:var(--r);color:#fff;border-color:var(--r)}

/* UTIL */
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}.mt24{margin-top:24px}
@media(max-width:480px){.tile-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.aff-grid{grid-template-columns:1fr 1fr}}