.login-page{min-height:100vh;display:grid;margin:0;padding:24px;place-items:center;color:#17352a;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.68),transparent 32rem),#edf5f0;font-family:Arial,"Helvetica Neue",sans-serif}
.login-card{width:min(430px,100%);margin:0;padding:40px 40px 38px;border:0;border-top:6px solid #f2bd2e;border-radius:20px;background:#fff;box-shadow:0 24px 55px rgba(15,56,42,.16);text-align:center}
.login-logo{width:68px;height:68px;display:grid;margin:0 auto 25px;place-items:center;border-radius:11px;color:#005b3b;background:#f2bd2e;font-size:23px;font-weight:900;letter-spacing:-.03em}
.school-name{margin:0 0 18px;color:#006b45;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.login-card h1{margin:0;color:#17352a;font-size:38px;line-height:1.08;letter-spacing:-.035em}
.login-subtitle{max-width:350px;margin:12px auto 20px;color:#687970;font-size:13px;line-height:1.55}
.google-signin{min-height:40px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:17px;padding:9px 15px;border:1px solid #006b45;border-radius:8px;color:#fff;background:#006b45;font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 5px 13px rgba(0,91,59,.14);transition:background .15s,box-shadow .15s,transform .15s}
.google-signin:hover{background:#005638;box-shadow:0 8px 18px rgba(0,91,59,.2);transform:translateY(-1px)}.google-signin:focus-visible{outline:3px solid rgba(0,107,69,.2);outline-offset:3px}.google-mark{width:17px;height:17px;flex:0 0 17px}
.access-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:24px 0 0;color:#74847c;font-size:10px;line-height:1.4}.access-note svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#006b45;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.access-note b{font-weight:700}
.login-alert{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;padding:10px 11px;border:1px solid;border-radius:8px;font-size:10px;line-height:1.45;text-align:left}.login-alert svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-alert.error{color:#8d3038;border-color:#ebc7ca;background:#fbecee}.login-alert.warning{color:#765600;border-color:#edd58d;background:#fff7dc}
@media(max-width:480px){.login-page{padding:15px}.login-card{padding:33px 23px 31px;border-radius:16px}.login-logo{width:61px;height:61px;margin-bottom:22px;font-size:21px}.login-card h1{font-size:32px}.login-subtitle{font-size:12px}.access-note{align-items:flex-start;text-align:left}}
@media(prefers-reduced-motion:reduce){.google-signin{transition:none}}