:root{--blue:#3157d5;--purple:#7048d6;--green:#16a56a;--ink:#10243b;--muted:#6f8094;--paper:#f3f7fb;--white:#fff;--line:#dce6ef;--shell:min(1120px,calc(100% - 32px));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.5}a{text-decoration:none;color:inherit}button,input{font:inherit}.student-shell{width:var(--shell);margin:auto}.student-header{height:72px;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.student-header>.student-shell{height:100%;display:flex;align-items:center;justify-content:space-between}.student-brand{display:flex;align-items:center;gap:10px}.student-brand>span{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));font-weight:900}.student-brand div{display:flex;flex-direction:column;line-height:1.1}.student-brand small{font-size:.62rem;color:var(--muted);margin-top:4px}.student-header nav{display:flex;gap:9px}.student-header nav a{border:1px solid var(--line);border-radius:11px;padding:8px 11px;font-size:.67rem;font-weight:800}.dashboard{padding:34px 0 70px}.student-welcome{background:linear-gradient(135deg,#0e4778,#494fc3 70%,#714bc8);border-radius:26px;padding:34px;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 50px rgba(57,72,178,.22)}.kicker{font-size:.63rem;text-transform:uppercase;letter-spacing:.14em;color:#7ddfb5;font-weight:900}.student-welcome h1{font-family:Georgia,serif;font-size:2.8rem;line-height:1;margin:8px 0}.student-welcome p{margin:0;color:#dbe6f4}.student-welcome>a{background:#fff;color:#183957;border-radius:13px;padding:12px 16px;font-size:.72rem;font-weight:900;white-space:nowrap}.student-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 34px}.student-stats article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;align-items:center;gap:12px}.student-stats article>span{width:42px;height:42px;border-radius:13px;background:#e9eeff;color:var(--blue);display:grid;place-items:center;font-size:1.2rem}.student-stats div{display:flex;flex-direction:column}.student-stats strong{font-size:1.5rem}.student-stats small{font-size:.62rem;color:var(--muted)}.student-section{margin-top:30px}.student-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.student-section-head h2,.support-panel h2{font-family:Georgia,serif;font-size:1.85rem;margin:5px 0}.student-section-head>a{font-size:.68rem;color:var(--blue);font-weight:900}.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.saved-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.saved-grid img{width:100%;height:170px;object-fit:cover;object-position:center 25%}.saved-grid article>div{padding:16px;display:flex;flex-direction:column}.saved-grid span{font-size:.59rem;color:#a16c00}.saved-grid h3{font-size:.9rem;margin:8px 0 2px}.saved-grid p{font-size:.67rem;color:var(--muted);margin:0}.saved-grid strong{font-size:.66rem;color:var(--blue);margin:10px 0}.saved-grid a{font-size:.67rem;font-weight:900}.student-empty{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;text-align:center;color:var(--muted);font-size:.75rem}.student-columns{display:grid;grid-template-columns:1.4fr .7fr;gap:18px}.recent-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:21px}.recent-panel>a{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.recent-panel>a>span{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:900}.recent-panel>a>div{display:flex;flex-direction:column}.recent-panel strong{font-size:.72rem}.recent-panel small{font-size:.58rem;color:var(--muted)}.support-panel{margin-top:30px;background:#0c2f4e;color:#fff;border-radius:20px;padding:24px;align-self:start}.support-panel p{color:#adc0d1;font-size:.74rem}.support-panel a{display:block;background:#1fb277;border-radius:11px;text-align:center;padding:10px;color:#fff;font-size:.7rem;font-weight:900}.student-login-page{min-height:100vh;background:linear-gradient(145deg,rgba(6,29,50,.82),rgba(62,57,161,.65)),url("../images/reels/school-tuition.png") center 25%/cover;display:grid;place-items:center;padding:22px}.student-login-shell{width:min(470px,100%)}.student-login-shell>.student-brand{color:#fff;margin-bottom:16px}.student-login-shell>.student-brand small{color:#b7c9d8}.student-login-form{background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);border-radius:26px;padding:34px;box-shadow:0 28px 80px rgba(4,20,38,.35);display:grid;gap:14px}.student-login-form h1{font-family:Georgia,serif;font-size:2.5rem;margin:2px 0}.student-login-form>p{color:var(--muted);font-size:.77rem;margin:0}.student-login-form label{font-size:.67rem;color:var(--muted);font-weight:800}.student-login-form input{display:block;width:100%;border:1px solid var(--line);border-radius:11px;padding:11px;margin-top:5px}.student-login-form button{border:0;border-radius:12px;padding:12px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));font-weight:900}.student-login-form>small{font-size:.61rem;color:var(--muted)}.student-error{background:#ffebef;color:#a9203b;border-radius:10px;padding:9px;font-size:.7rem}
@media(max-width:800px){.student-welcome{align-items:flex-start;flex-direction:column;gap:20px}.student-stats{grid-template-columns:1fr 1fr}.saved-grid{display:flex;overflow-x:auto}.saved-grid article{flex:0 0 82%;max-width:330px}.student-columns{grid-template-columns:1fr}}@media(max-width:480px){.student-header nav a:first-child{display:none}.student-welcome{padding:26px}.student-welcome h1{font-size:2.2rem}.student-stats{gap:8px}.student-stats article{padding:12px}.student-stats article>span{width:35px;height:35px}.student-stats strong{font-size:1.2rem}.student-login-form{padding:26px}}