:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#173127;background:#edf8f5;}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:linear-gradient(160deg,#edf8f5 0%,#dff1ed 100%);color:#173127}
a{text-decoration:none;color:inherit}
.student-login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}
.student-login-shell:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:rgba(38,173,134,.14);top:-150px;right:-120px}
.student-login-shell:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(45,117,220,.10);bottom:-140px;left:-110px}
.student-card{width:min(430px,100%);position:relative;z-index:1;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.9);border-radius:30px;padding:34px;box-shadow:0 24px 70px rgba(36,96,82,.16);backdrop-filter:blur(15px)}
.student-logo{width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,#1fa77c,#2d75dc);display:grid;place-items:center;color:#fff;font-size:25px;font-weight:900;box-shadow:0 12px 28px rgba(38,143,111,.2);margin-bottom:20px}
.student-card h1{margin:0;font-size:31px;letter-spacing:-.8px}
.student-card .intro{margin:8px 0 26px;color:#5f786d;line-height:1.55}
.student-form{display:grid;gap:17px}
.student-field{display:grid;gap:7px}
.student-field label{font-size:13px;font-weight:900;color:#2e4c40}
.student-field input{width:100%;height:50px;border:1px solid #bfd8cf;border-radius:14px;padding:0 15px;background:#fbfffe;color:#18352b;outline:none;transition:.18s border-color,.18s box-shadow}
.student-field input:focus{border-color:#1fa77c;box-shadow:0 0 0 4px rgba(31,167,124,.12)}
.student-submit{height:51px;border:0;border-radius:14px;background:linear-gradient(135deg,#1fa77c,#257bd7);color:#fff;font-weight:900;font-size:15px;box-shadow:0 12px 28px rgba(31,127,123,.2)}
.student-submit:hover{filter:brightness(.97)}
.student-helper{margin-top:17px;padding:11px 13px;border-radius:12px;background:#eef8f5;color:#547269;font-size:12px;line-height:1.5}
.student-back{display:inline-flex;margin-top:20px;color:#236e5b;font-weight:900;font-size:14px}
.student-msg{min-height:20px;font-size:14px;font-weight:700}.student-msg.error{color:#b42318}.student-msg.muted{color:#5f786d}.student-msg.success{color:#16794f}
@media(max-width:520px){.student-card{padding:27px 22px;border-radius:24px}.student-card h1{font-size:28px}}