.auth-register-stage{padding:clamp(22px,4vw,54px) 0 clamp(38px,6vw,72px);background:radial-gradient(ellipse at 6% 15%,rgba(19,115,231,.12),transparent 32%),radial-gradient(ellipse at 96% 84%,rgba(11,168,157,.10),transparent 31%),linear-gradient(145deg,#f2f7ff 0%,#fbfcff 53%,#f0f7ff 100%)}
.register-layout{width:min(100% - 28px,760px);grid-template-columns:minmax(0,1fr);gap:17px;align-items:stretch}
.register-card{padding:clamp(21px,4vw,34px);border-color:#dce7f4;border-radius:24px;box-shadow:0 24px 70px rgba(17,54,100,.10),0 3px 8px rgba(17,54,100,.035)}
.register-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}
.register-secure{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d8e8f6;border-radius:999px;background:#f5faff;color:#3d6287;font-size:.69rem;font-weight:750;white-space:nowrap}
.register-secure .material-symbols-outlined{color:#138264;font-size:17px}
.register-heading .eyebrow{margin-bottom:7px;color:#1471d1;font-weight:850}
.register-heading h1{font-size:clamp(2rem,5.8vw,2.8rem)}
.register-heading .auth-lead{max-width:53ch;margin:10px 0 22px}
.register-errors{display:flex;align-items:flex-start;gap:11px;margin:0 0 18px;padding:14px 15px;border:1px solid #f0c5c3;border-radius:15px;background:linear-gradient(115deg,#fff8f6,#fff);color:#8e302d;font-size:.78rem;line-height:1.5;animation:auth-card-in .24s ease both}
.register-errors>.material-symbols-outlined{flex:0 0 auto;margin-top:1px;font-size:20px}
.register-errors strong{display:block;margin-bottom:4px;color:#742522;font-size:.82rem}
.register-errors ul{display:grid;gap:2px;margin:0;padding-left:18px}
.register-closed{margin:0 0 16px}
.register-form{grid-template-columns:minmax(0,1fr);gap:0}
.register-form-section{padding:18px 0 20px;border-top:1px solid #e8eef6}
.register-section-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}
.register-section-number{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:1px solid #d8e9fb;border-radius:10px;background:linear-gradient(145deg,#edf6ff,#e2f0ff);color:#126ac9;font-size:.69rem;font-weight:850}
.register-section-heading h2{margin:0 0 3px;color:#17375c;font-family:Manrope,'DM Sans',sans-serif;font-size:.94rem;font-weight:800;letter-spacing:-.025em}
.register-section-heading p{margin:0;color:#76879c;font-size:.7rem;line-height:1.45}
.register-fields-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.register-fields-grid .auth-field-wide{grid-column:1/-1}
.register-fields-grid .auth-field{gap:6px}
.register-fields-grid .auth-field>label{font-size:.75rem}
.register-fields-grid .auth-input{min-height:51px;border-radius:13px}
.register-fields-grid .auth-input input{height:49px;font-size:.83rem}
.register-fields-grid .auth-input>.material-symbols-outlined{font-size:19px}
.register-fields-grid .auth-help{font-size:.67rem}
.register-security-section{padding-bottom:18px}
.register-security-section .auth-input{background:#fbfdff}
.register-security-section .auth-field{align-content:start}
.register-security-section .auth-strength{margin-top:1px}
.register-referral{margin:0 0 17px;border:1px solid #e0eaf5;border-radius:15px;background:#f9fbfe;transition:border-color .18s,background .18s}
.register-referral[open]{border-color:#cbdff3;background:#fff}
.register-referral summary{display:flex;align-items:center;gap:10px;min-height:67px;padding:11px 13px;cursor:pointer;list-style:none}
.register-referral summary::-webkit-details-marker{display:none}
.register-referral-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#eaf3ff;color:#176ed0;font-size:19px}
.register-referral-copy{display:grid;flex:1;gap:2px;min-width:0}
.register-referral-copy strong{color:#294766;font-size:.75rem}
.register-referral-copy small{color:#7b8da3;font-size:.65rem;line-height:1.4}
.register-referral .auth-optional{margin:0}
.register-referral-chevron{color:#71859e;font-size:19px;transition:transform .18s}
.register-referral[open] .register-referral-chevron{transform:rotate(180deg)}
.register-referral>.auth-field{padding:0 13px 14px}
.register-referral .auth-input{min-height:49px;border-radius:12px}
.register-referral .auth-input input{height:47px}
.register-consent{margin:1px 0 16px;padding:13px 14px;border:1px solid #e2ebf5;border-radius:13px;background:#f9fbfe;font-size:.71rem}
.register-consent input{width:19px;height:19px}
.register-consent span{max-width:58ch}
.register-submit{min-height:56px;margin-top:0;border-radius:14px;font-size:.84rem}
.register-verification-note{display:flex;align-items:flex-start;gap:7px;margin:11px 0 0;color:#75869a;font-size:.66rem;line-height:1.45}
.register-verification-note .material-symbols-outlined{flex:0 0 auto;color:#178464;font-size:16px}
.register-switch{margin:18px 0 0;padding-top:16px;border-top:1px solid #e8eef6;font-size:.76rem}
.register-privacy{max-width:420px;margin:10px auto 0;font-size:.64rem}
.register-privacy .material-symbols-outlined{color:#168464}
.register-aside{min-height:390px;padding:clamp(23px,4vw,36px);border-radius:24px;background:#092d62;box-shadow:0 22px 52px rgba(9,43,92,.17)}
.register-aside::before{background-image:url('../images/homepage-students-classroom.jpg');background-position:center 38%;}
.register-aside::after{background:linear-gradient(180deg,rgba(4,24,54,.20) 0%,rgba(4,28,67,.58) 33%,rgba(4,28,67,.96) 100%)}
.register-aside .auth-visual-content{width:100%;max-width:480px}
.register-aside .auth-visual-label{font-size:.58rem;letter-spacing:.12em}
.register-aside .auth-visual h2{max-width:430px;font-size:clamp(1.75rem,4vw,2.35rem)}
.register-aside .auth-visual-content>p{font-size:.78rem}
.register-aside .register-benefits{gap:15px;margin-top:21px}
.register-benefits>div{align-items:flex-start;gap:11px}
.register-benefits>div>.material-symbols-outlined{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(125,197,255,.26);border-radius:11px;background:rgba(19,89,159,.35);color:#81ccff;font-size:19px}
.register-benefits>div>span:last-child{display:grid;gap:3px}
.register-benefits strong{color:#f3f8ff;font-size:.75rem;font-weight:800}
.register-benefits small{max-width:38ch;color:#d6e5f5;font-size:.67rem;font-weight:450;line-height:1.5}
.register-aside-foot{display:flex;align-items:center;gap:7px;margin-top:22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.19);color:#d6e8f8;font-size:.66rem;font-weight:700}
.register-aside-foot .material-symbols-outlined{color:#67d1ad;font-size:17px}
@media(min-width:600px){.register-layout{width:min(100% - 48px,820px)}.register-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:13px;row-gap:15px}.register-card{padding:31px}.register-aside{min-height:430px}}
@media(min-width:980px){.register-layout{width:min(100% - 64px,1160px);grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);gap:25px}.register-card{padding:clamp(30px,3.2vw,42px)}.register-aside{min-height:660px;padding:34px}.register-aside .auth-visual-content{align-self:flex-end}.register-aside .auth-visual-orb{top:30px;right:29px}}
@media(min-width:1250px){.register-layout{gap:32px}.register-card{padding:42px}.register-form-section{padding-top:21px;padding-bottom:22px}.register-aside{min-height:700px}}
@media(max-width:420px){.register-card{padding:20px 16px}.register-card-top{margin-bottom:19px}.register-secure{padding:7px 8px;font-size:.62rem}.register-section-heading{gap:9px}.register-referral summary{gap:7px;padding-inline:10px}.register-referral-copy small{font-size:.61rem}.register-referral .auth-optional{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.register-errors,.register-referral-chevron{animation:none;transition:none}}