/* Page layout; shared visual tokens are in ../student-ui.css. */
*{box-sizing: border-box;}
html, body{min-height: 100%;}
body.register-page{margin: 0;min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 24px 14px;font-family: Arial, Helvetica, sans-serif;color: #26344b;background: radial-gradient( circle at 10% 8%, rgba( 23, 105, 224, .11 ), transparent 30% ), radial-gradient( circle at 90% 88%, rgba( 243, 154, 47, .09 ), transparent 28% ), linear-gradient( 145deg, #f5f9fd 0%, #eef5fc 52%, #fbfdff 100% );overflow-x: hidden;}
.register-decoration{position: fixed;inset: 0;overflow: hidden;pointer-events: none;z-index: 0;}
.register-orb{position: absolute;border-radius: 50%;border: 1px solid rgba( 23, 105, 224, .08 );}
.register-orb-one{width: 250px;height: 250px;top: -125px;left: -105px;}
.register-orb-two{width: 190px;height: 190px;right: -90px;bottom: -75px;border-color: rgba( 243, 154, 47, .11 );}
.register-wrapper{position: relative;z-index: 2;width: 100%;max-width: 440px;}
.register-brand{text-align: center;margin-bottom: 17px;}
.register-logo{width: 78px;height: 78px;margin: 0 auto 12px;padding: 5px;display: flex;align-items: center;justify-content: center;overflow: hidden;background: #ffffff;border: 1px solid #dce7f3;border-radius: 23px;box-shadow: 0 12px 29px rgba( 23, 43, 77, .10 );}
.register-logo img{width: 100%;height: 100%;display: block;object-fit: contain;border-radius: 17px;}
.register-brand h1{margin: 0;color: #164b94;font-size: 28px;font-weight: 950;letter-spacing: -.65px;}
.register-brand p{margin: 5px 0 0;color: #7d899b;font-size: 10px;font-weight: 800;letter-spacing: .85px;}
.register-card{padding: 27px 24px 23px;background: rgba( 255, 255, 255, .97 );border: 1px solid #dfe7f0;border-radius: 19px;box-shadow: 0 20px 52px rgba( 23, 43, 77, .09 );}
.register-heading{margin: 0;color: #18243c;font-size: 22px;font-weight: 900;letter-spacing: -.35px;}
.register-subheading{margin: 7px 0 21px;color: #7b8799;font-size: 10px;line-height: 1.55;}
#registerForm{display: grid;gap: 12px;}
.register-field{display: grid;gap: 6px;}
.register-field label{color: #536177;font-size: 10px;font-weight: 800;}
.register-field input, .register-field select{width: 100%;min-height: 44px;padding: 0 12px;border: 1px solid #dbe4ee;border-radius: 9px;outline: none;background: #fbfcfe;color: #26344b;font-family: inherit;font-size: 11px;transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;}
.register-field select{cursor: pointer;}
.register-field input::placeholder{color: #a1aab8;}
.register-field input:focus, .register-field select:focus{border-color: #78a9df;background: #ffffff;box-shadow: 0 0 0 3px rgba( 23, 105, 224, .08 );}
.register-class-label{color: #536177;font-size: 10px;font-weight: 800;}
.register-submit{width: 100%;min-height: 47px;margin-top: 4px;border: 1px solid #1769e0;border-radius: 9px;background: linear-gradient( 135deg, #1769e0, #1558bd );color: #ffffff;cursor: pointer;font-family: inherit;font-size: 11px;font-weight: 900;box-shadow: 0 9px 20px rgba( 23, 105, 224, .16 );}
.register-submit:hover{transform: translateY(-1px);box-shadow: 0 12px 24px rgba( 23, 105, 224, .21 );}
.register-submit:active{transform: translateY(0);}
.register-login{margin: 16px 0 0;text-align: center;color: #7c889a;font-size: 10px;line-height: 1.5;}
.register-login a{color: #1769e0;font-weight: 900;}
.register-login a:hover{text-decoration: underline;}
.register-footer-note{margin-top: 13px;text-align: center;color: #98a2b0;font-size: 8px;line-height: 1.5;}
@media ( max-width: 480px ){body.register-page{align-items: flex-start;padding: 18px 11px 24px;}
.register-wrapper{max-width: 100%;}
.register-logo{width: 70px;height: 70px;border-radius: 21px;}
.register-brand h1{font-size: 25px;}
.register-card{padding: 23px 17px 19px;border-radius: 16px;}
.register-heading{font-size: 20px;}
}