/* Saathi learning workspace — premium, bright, cinematic and readable. */
:root{--saathi-surface:#f1f8f8;--saathi-accent:#287e88;--saathi-rail:#e3f3f3;--saathi-glow:#e1f3ef;color:#23475e;font-family:"Aptos","Segoe UI",Inter,Arial,system-ui,sans-serif}
body{background:radial-gradient(ellipse at 91% 3%,#cfecf5 0%,transparent 35%),radial-gradient(ellipse at 3% 87%,#f4e8d1 0%,transparent 33%),linear-gradient(135deg,#f2faf8,#fffdf7);color:#23475e}
.rail{background:linear-gradient(155deg,#f5fffa,#dcecef);color:#27516a;border-right:1px solid #bedadf;box-shadow:10px 0 40px #5c84951d;position:sticky;top:0;height:100vh}
.brand{color:#22546b}.subtitle{color:#63858d}.foot{color:#627e88}
.nav-item{color:#406475;border-radius:14px;font-weight:610;transition:transform .18s,background .18s}
.nav-item.selected,.nav-item:hover{color:#1f536a;background:linear-gradient(98deg,#d2ebe7,#faf1de);box-shadow:inset 3px 0 #b68d53}
.nav-item:hover{transform:translateX(2px)}
.main{max-width:1480px;padding:45px clamp(20px,4vw,60px)}
.top h1,h1{color:#25556b}
.eyebrow{color:#377e83}
.muted,.notice{color:#587483}
.grid{gap:19px}
.card{background:#ffffffdf;border:1px solid #d0e1e3;border-radius:22px;box-shadow:0 14px 40px #7196a321;backdrop-filter:blur(12px);color:#25475b}
.card h2{color:#265971}
.chip{background:#e2f1ee;color:#287173;border:1px solid #badbd5}
.btn:not(.secondary):not(.outline){background:linear-gradient(115deg,#287985,#329da1);color:white;border-radius:12px;box-shadow:0 7px 16px #46969c20}
.btn.secondary{background:#e2f1ee;color:#28646c;border-radius:12px}
.btn.outline{border-color:#b6d7d7;border-radius:12px}
.logo-mark{background:radial-gradient(circle at 28% 22%,#fafaf0,#9ad5d3 43%,#438ba8 89%);color:#fff;border-radius:50%;box-shadow:inset -7px -8px 18px #34748e55,0 14px 29px #4d96a456;transform-style:preserve-3d;animation:saathi-rotate-slow 15s ease-in-out infinite alternate}
.login-wrap{background:radial-gradient(circle at 78% 15%,#d4eff2 0%,transparent 32%),linear-gradient(140deg,#f8fcf9,#f7eddb)}
.login-card{position:relative;overflow:hidden;border:1px solid #b9dadd;background:#ffffffed;border-radius:31px;box-shadow:0 28px 85px #638e9d32}
.login-card::after{content:"";position:absolute;pointer-events:none;right:-72px;top:-67px;width:230px;height:230px;border-radius:50%;border:1px solid #9acbd057;box-shadow:0 0 0 27px #9acbd015,0 0 0 54px #afdcd91a}
.login-card h1{font-size:clamp(34px,4vw,50px);letter-spacing:-.055em}
.day-intro{background:linear-gradient(128deg,#eaf8f7,#fdf9ea);box-shadow:0 18px 47px #9bafb524;position:relative;overflow:hidden}
.day-intro::after{content:"";position:absolute;z-index:0;width:270px;height:270px;border-radius:50%;right:-150px;top:-130px;background:radial-gradient(circle,#d0e8e744,transparent 70%);pointer-events:none}
.activity-card,.today-focus,.practice-option,.subject-choice{border-radius:16px;border-color:#d2e3e2;background:#ffffffd9;box-shadow:0 6px 16px #83a3a010}
.answer,.worked-example{background:#f2faf7;color:#29566c;border-left:4px solid #5eb1aa}
.field input,.field textarea,.field select{border-color:#bad8d9;background:#fffefa;color:#284f62;border-radius:13px}
.subject-choice:hover,.practice-option:hover{box-shadow:0 10px 23px #7ca4aa2e;transform:translateY(-1px)}
@keyframes saathi-rotate-slow{0%{transform:rotateY(-11deg) rotateX(8deg)}100%{transform:rotateY(14deg) rotateX(-8deg)}}
@media(max-width:850px){.rail{position:relative;height:auto;box-shadow:0 5px 19px #7ca8ac2a}.nav-item:hover{transform:none}.main{padding:25px 17px}}
@media(prefers-reduced-motion:reduce){.logo-mark{animation:none}.subject-choice:hover,.practice-option:hover{transform:none}}