.auth-page{min-height:100vh;background:linear-gradient(135deg,#f8fbff,#eaf8ff 52%,#f4ecff);overflow-x:hidden}.auth-header{height:76px;position:relative;z-index:10;background:#ffffffbf;backdrop-filter:blur(14px);border-bottom:1px solid #2457f510}.auth-header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.back-home{font-size:14px;font-weight:800;color:#53617e;transition:.2s}.back-home:hover{color:var(--blue);transform:translateX(-3px)}.auth-main{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:45px 20px;position:relative}.auth-card{width:min(920px,100%);min-height:580px;display:grid;grid-template-columns:40% 60%;background:#fff;border-radius:30px;box-shadow:0 25px 70px #27477c24;overflow:hidden;position:relative;z-index:2;animation:authIn .65s ease both}.auth-intro{padding:45px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;background:linear-gradient(150deg,#2457f5,#6d69ef 58%,#9848eb);position:relative;overflow:hidden}.auth-intro:before,.auth-intro:after{content:"";position:absolute;border-radius:50%;background:#ffffff16}.auth-intro:before{width:260px;height:260px;left:-130px;top:-100px}.auth-intro:after{width:200px;height:200px;right:-105px;bottom:-60px}.auth-mascot{font-size:95px;filter:drop-shadow(0 16px 12px #1a28695c);animation:authFloat 3s ease-in-out infinite;position:relative}.auth-intro p{font-size:25px;font-weight:900;line-height:1.35;margin:25px 0 0;position:relative}.register-intro{background:linear-gradient(150deg,#ff9a2f,#ffbf27 55%,#ff7852)}.auth-form-wrap{padding:46px 54px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:900;color:var(--blue)}.auth-form-wrap h1{font-size:38px;letter-spacing:-1px;margin:7px 0}.auth-subtitle{color:var(--muted);font-size:14px;margin:0 0 24px}.auth-form label{display:block;font-size:13px;font-weight:800;margin:15px 0 7px}.input-wrap{height:50px;border:2px solid #e7ecf5;border-radius:14px;display:flex;align-items:center;padding:0 14px;transition:.2s;background:#fbfcff}.input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #2457f512;background:#fff}.input-wrap>span{color:#8190ae;width:24px}.input-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:var(--navy)}.input-wrap input::placeholder{color:#a5afc3}.toggle-password{border:0;background:none;cursor:pointer;color:#7987a4;padding:8px}.field-error{display:block;min-height:14px;color:#ef5350;font-size:11px;margin:3px 3px -7px}.input-wrap.invalid{border-color:#ef5350;background:#fff8f8}.form-options{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.form-options label,.check{display:flex;align-items:flex-start;gap:6px!important;margin:0!important;font-size:12px!important}.form-options a,.terms a,.switch-auth a{color:var(--blue);font-weight:900}.check input{accent-color:var(--blue)}.submit-btn{width:100%;height:52px;border:0;border-radius:14px;background:linear-gradient(100deg,#2457f5,#604de8);color:#fff;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:20px;box-shadow:0 9px 20px #2457f536;transition:.25s}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 13px 25px #2457f54a}.submit-btn:disabled{opacity:.7;cursor:wait}.divider{display:flex;align-items:center;gap:12px;color:#a0aac0;font-size:11px;margin:19px 0}.divider:before,.divider:after{content:"";height:1px;background:#e8ecf4;flex:1}.social-btn{height:47px;width:100%;border:2px solid #e7ecf5;border-radius:13px;background:#fff;color:var(--navy);font-weight:800;cursor:pointer}.social-btn b{color:#4285f4;font-size:18px;margin-right:8px}.switch-auth{text-align:center;font-size:13px;color:var(--muted);margin:20px 0 0}.auth-message{display:none;padding:11px 13px;border-radius:11px;font-size:13px;font-weight:700;margin:0 0 15px}.auth-message.success{display:block;color:#087b50;background:#e8fff5}.auth-message.info{display:block;color:#2457f5;background:#eef3ff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.register-card{min-height:690px}.register-card .auth-form-wrap{padding-top:34px;padding-bottom:34px}.register-card .auth-form label{margin-top:10px}.terms{margin-top:14px!important;line-height:1.45}.auth-decor{position:absolute;display:grid;place-items:center;font-weight:900;filter:drop-shadow(0 10px 10px #233c6d20);animation:authFloat 4s ease-in-out infinite}.decor-one{left:5%;top:18%;font-size:85px;color:#8c55e6;transform:rotate(-12deg)}.decor-two{right:5%;bottom:12%;font-size:100px;color:#22c99a;animation-delay:-1.4s}.decor-three{right:8%;top:13%;font-size:55px;color:#ffc02d;animation-delay:-2.5s}@keyframes authIn{from{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:none}}@keyframes authFloat{50%{transform:translateY(-12px) rotate(5deg)}}
@media(max-width:760px){.auth-header{height:68px}.auth-main{padding:25px 14px;min-height:calc(100vh - 68px)}.auth-card{grid-template-columns:1fr;max-width:560px}.auth-intro{padding:25px;min-height:150px}.auth-mascot{font-size:55px}.auth-intro p{font-size:20px;margin:9px 0 0}.auth-form-wrap{padding:32px 25px}.auth-decor{display:none}.register-card{min-height:0}.form-row{grid-template-columns:1fr}}
@media(max-width:420px){.back-home{font-size:12px}.auth-form-wrap h1{font-size:32px}.auth-card{border-radius:22px}.auth-form-wrap{padding:28px 18px}.form-options{align-items:flex-start;gap:12px}.hero-btn{padding-inline:18px}}
.course-suggestion{display:flex;align-items:center;gap:10px;margin:9px 0 2px;padding:10px 12px;border-radius:12px;background:#eef7ff;color:#40516e;font-size:12px}.course-suggestion>span{font-size:21px}.course-suggestion p{margin:0;line-height:1.45}.course-suggestion strong{color:var(--blue)}
@media(prefers-reduced-motion:reduce){.auth-card,.auth-mascot,.auth-decor{animation:none!important}}