/* V182 — StudentsVidya platform-wide product UI: clear student value + B2B conversion */
:root{--sv182-ink:#14213a;--sv182-muted:#5f6f85;--sv182-brand:#2457d6;--sv182-brand2:#0b8f91;--sv182-bg:#f6f8fc;--sv182-line:#dfe6ef;--sv182-card:#fff}
*{box-sizing:border-box}
html{font-size:16px!important;-webkit-text-size-adjust:100%}
body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important}
body{font-size:16px!important;line-height:1.55!important;color:var(--sv182-ink)!important;background:#fff!important;overflow-x:hidden}
body p,body li,body td,body th,body label{font-size:16px;line-height:1.55}
h1,h2,h3,h4{line-height:1.18;letter-spacing:-.018em;color:var(--sv182-ink)}
a{color:inherit}
/* Header: fewer competing controls, stronger CTA */
.portalHeader{min-height:66px!important;padding:8px clamp(14px,3vw,34px)!important;background:#fff!important;border-bottom:1px solid var(--sv182-line)!important;box-shadow:0 2px 14px rgba(20,40,80,.05)!important;gap:14px!important}
.portalBrand b{font-size:17px!important}.portalBrand em{font-size:17px!important}
.portalHeader nav{gap:3px!important;align-items:center!important}.portalHeader nav>a,.portalHeader .portalDrop>button{font-size:14px!important;font-weight:750!important;padding:10px 10px!important;border-radius:8px!important}
.portalHeader nav>a:hover,.portalHeader .portalDrop>button:hover{background:#f3f6fb!important}
.portalActions{gap:7px!important}.portalActions>a{min-height:42px!important;padding:9px 14px!important;border-radius:9px!important;font-size:14px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;border:1px solid #ccd8e8!important;background:#fff!important;color:#244b7d!important}
.portalActions .registerCta{background:var(--sv182-brand)!important;border-color:var(--sv182-brand)!important;color:#fff!important}
.portalActions .whatsappCta{display:none!important}
/* Page titles: every service should explain itself */
.svPageTitle{max-width:1240px!important;margin:0 auto!important;padding:30px 22px 12px!important}
.svPageTitle h1{font-size:clamp(28px,4vw,42px)!important;margin:0!important}.portalContent{max-width:1240px!important;margin:0 auto!important;padding:0 22px 70px!important;font-size:16px!important}
.portalContent>section,.portalContent>.sectionIntro,.portalContent>.v80CompareHero,.portalContent>.serverFallbackGrid{margin-top:18px}
.serverFallbackGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.serverFallbackGrid article{background:#fff!important;border:1px solid var(--sv182-line)!important;border-radius:16px!important;padding:22px!important;box-shadow:0 7px 24px rgba(20,40,80,.05)!important}.serverFallbackGrid h3{font-size:20px!important;margin:0 0 8px!important}.serverFallbackGrid p{font-size:15px!important;color:var(--sv182-muted)!important}.serverFallbackGrid a{font-weight:800!important;color:var(--sv182-brand)!important}
/* Consistent tabs */
.project-tabs,.tabs,.tool-tabs,.authTabs,.employerAuthTabs,.svTabs{gap:8px!important}.project-tabs button,.tabs a,.tool-tab,.authTabs button,.employerAuthTabs button,.svTabs a{min-height:42px!important;padding:9px 15px!important;border-radius:9px!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important}
.project-tabs button,.tabs a,.tool-tab,.svTabs a{border:1px solid #d5dfeb!important;background:#fff!important;color:#40536e!important}.project-tabs button.active,.tabs a.active,.tool-tab.active,.svTabs a.active{background:#edf3ff!important;color:#1f50c5!important;border-color:#aac0ea!important}
/* Auth: always readable and visible */
#studentAccountGate.authShell{display:block!important;max-width:900px!important;margin:30px auto!important;padding:0 4px 60px!important}
#studentAccountGate .authCard{background:#fff!important;border:1px solid var(--sv182-line)!important;border-radius:18px!important;box-shadow:0 14px 42px rgba(20,40,80,.09)!important;padding:30px!important}
#studentAccountGate .authTitle h1{font-size:clamp(28px,4vw,40px)!important;margin:5px 0 8px!important}.authTitle p,.loginIntro p{font-size:16px!important;color:var(--sv182-muted)!important}
#studentAccountGate .authTabs{display:flex!important;margin:22px 0!important;padding:5px!important;border:1px solid var(--sv182-line)!important;border-radius:12px!important;background:#f7f9fc!important}
#studentAccountGate .authTabs button{flex:1!important;border:0!important;background:transparent!important;color:#596b83!important}.authTabs button.active{background:#fff!important;color:var(--sv182-brand)!important;box-shadow:0 2px 8px rgba(20,45,90,.08)!important}
#studentAccountGate input,#studentAccountGate select,#studentAccountGate textarea{min-height:46px!important;padding:10px 12px!important;border:1px solid #cbd7e6!important;border-radius:9px!important;font-size:16px!important}
#studentAccountGate button[type=submit]{min-height:46px!important;padding:10px 16px!important;border-radius:9px!important;font-size:15px!important;font-weight:850!important}
/* Commercial language blocks */
.sv182-dual{max-width:1240px;margin:8px auto 28px;padding:0 22px}.sv182-dual-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.sv182-panel{border:1px solid var(--sv182-line);border-radius:18px;background:#fff;padding:24px;box-shadow:0 8px 26px rgba(20,40,80,.05)}.sv182-panel.primary{background:linear-gradient(135deg,#f0f6ff,#fff)}.sv182-panel.business{background:linear-gradient(135deg,#effbf9,#fff)}.sv182-kicker{display:block;font-size:12px!important;font-weight:900!important;letter-spacing:.1em;color:var(--sv182-brand);text-transform:uppercase;margin-bottom:7px}.sv182-panel h2{font-size:25px!important;margin:0 0 8px}.sv182-panel p{color:var(--sv182-muted);margin:0 0 14px}.sv182-actions{display:flex;gap:9px;flex-wrap:wrap}.sv182-actions a{min-height:42px;padding:10px 15px;border-radius:9px;text-decoration:none;font-weight:850;font-size:14px;border:1px solid #cbd8e8;background:#fff;color:#244b7d}.sv182-actions a.primary{background:var(--sv182-brand);border-color:var(--sv182-brand);color:#fff}
@media(max-width:900px){.serverFallbackGrid{grid-template-columns:1fr 1fr!important}.sv182-dual-grid{grid-template-columns:1fr}.portalHeader nav{overflow-x:auto}.portalActions>a{font-size:13px!important;padding:9px 11px!important}}
@media(max-width:600px){body{font-size:15px!important}.portalContent{padding:0 14px 48px!important}.svPageTitle{padding:22px 14px 8px!important}.svPageTitle h1{font-size:30px!important}.serverFallbackGrid{grid-template-columns:1fr!important}.portalActions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.portalActions>a{width:100%!important}.project-tabs,.tabs,.tool-tabs,.authTabs,.employerAuthTabs,.svTabs{overflow-x:auto!important;flex-wrap:nowrap!important}.project-tabs button,.tabs a,.tool-tab,.authTabs button,.employerAuthTabs button,.svTabs a{flex:0 0 auto!important}.sv182-dual{padding:0 14px}.sv182-panel{padding:20px}}
