/* Page layout; shared visual tokens are in ../student-ui.css. */
*{box-sizing: border-box;}
body.login-page{margin: 0;min-height: 100vh;font-family: Arial, Helvetica, sans-serif;display: flex;align-items: center;justify-content: center;padding: 20px;background: radial-gradient( circle at 10% 10%, rgba(33, 150, 243, 0.20), transparent 30% ), radial-gradient( circle at 90% 90%, rgba(0, 188, 212, 0.18), transparent 30% ), linear-gradient( 135deg, #f8fbff, #edf6ff );}
.login-wrapper{width: 100%;max-width: 430px;}
.login-brand{text-align: center;margin-bottom: 18px;}
.login-brand-logo{display: inline-flex;align-items: center;justify-content: center;width: 68px;height: 68px;border-radius: 22px;background: linear-gradient( 135deg, #1976d2, #00a7df );color: white;font-size: 31px;box-shadow: 0 12px 28px rgba( 25, 118, 210, 0.23 );margin-bottom: 12px;}
.login-brand-name{font-size: clamp( 27px, 6vw, 35px );font-weight: 950;color: #0d47a1;letter-spacing: -0.6px;}
.login-brand-tagline{margin-top: 5px;font-size: 13px;font-weight: 700;color: #78909c;}
.login-card{background: rgba( 255, 255, 255, 0.94 );border: 1px solid rgba( 210, 228, 242, 0.9 );border-radius: 28px;padding: 30px 24px;box-shadow: 0 20px 50px rgba( 16, 42, 67, 0.10 );backdrop-filter: blur(10px);}
.login-heading{margin: 0;text-align: center;font-size: 26px;font-weight: 950;color: #102a43;}
.login-subheading{margin: 7px 0 24px;text-align: center;color: #78909c;font-size: 13px;font-weight: 700;}
.login-form{display: grid;gap: 15px;}
.input-group{position: relative;}
.input-icon{position: absolute;left: 15px;top: 50%;transform: translateY(-50%);font-size: 18px;pointer-events: none;}
.login-form input{width: 100%;min-height: 54px;border-radius: 15px;border: 1px solid #d9e7f2;background: #f9fcff;color: #102a43;padding: 0 15px 0 46px;font-size: 15px;font-weight: 700;outline: none;transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;}
.login-form input::placeholder{color: #90a4ae;font-weight: 600;}
.login-form input:focus{background: white;border-color: #1976d2;box-shadow: 0 0 0 4px rgba( 25, 118, 210, 0.10 );}
.login-button{width: 100%;min-height: 56px;margin-top: 4px;border: none;border-radius: 16px;color: white;background: linear-gradient( 135deg, #1976d2, #00a7df );font-size: 16px;font-weight: 950;cursor: pointer;box-shadow: 0 10px 24px rgba( 25, 118, 210, 0.24 );transition: transform 0.2s ease, box-shadow 0.2s ease;}
.login-button:hover{transform: translateY(-2px);box-shadow: 0 14px 30px rgba( 25, 118, 210, 0.30 );}
.login-button:active{transform: translateY(0);}
.register-area{text-align: center;margin: 20px 0 0;padding-top: 18px;border-top: 1px solid #edf3f8;color: #78909c;font-size: 13px;font-weight: 700;}
.register-area a{color: #1976d2;text-decoration: none;font-weight: 950;}
.register-area a:hover{text-decoration: underline;}
.login-footer-note{text-align: center;margin-top: 15px;color: #90a4ae;font-size: 11px;font-weight: 700;}
@media ( max-width: 480px ){body.login-page{padding: 14px;align-items: flex-start;padding-top: 35px;}
.login-card{padding: 24px 17px;border-radius: 24px;}
.login-heading{font-size: 23px;}
.login-brand-logo{width: 60px;height: 60px;border-radius: 19px;}
}