*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#10254a}.auth-body{min-height:100vh;background:#f4f8fc;display:flex;flex-direction:column}.login-shell{width:min(1500px,96%);margin:22px auto 0;display:grid;grid-template-columns:44% 56%;min-height:790px;border-radius:12px;overflow:hidden;box-shadow:0 15px 50px #0a285022;background:#fff}.brand-panel{background:linear-gradient(145deg,#06366d,#0c4d92);color:#fff;text-align:center;padding:46px 35px;position:relative;overflow:hidden}.brand-panel:after{content:'';position:absolute;width:900px;height:350px;border:5px solid #e7b83f;border-radius:50%;left:-180px;bottom:-250px;opacity:.9}.brand-top{font-size:22px;line-height:1.5;font-weight:700}.brand-top span{font-size:19px;font-weight:400}.brand-line{width:280px;height:2px;background:#e8b83f;margin:25px auto}.brand-panel h1{font-size:46px;margin:30px 0 8px}.brand-panel h1 b{color:#f0c44d}.brand-panel .de{font-size:24px}.brand-panel h2{font-size:30px;margin:10px 0}.school-mark{font-size:170px;margin:25px 0 10px;filter:drop-shadow(0 10px 10px #0004)}.brand-panel p{font-size:27px;font-style:italic;line-height:1.4}.login-card{margin:55px 55px;background:#fff;border-radius:22px;padding:42px 55px;box-shadow:0 8px 35px #153c6b18;align-self:center}.user-icon{width:75px;height:75px;border-radius:50%;background:#eaf3ff;color:#1460c9;display:flex;align-items:center;justify-content:center;font-size:42px;float:left;margin-right:25px}.login-card h1{font-size:40px;margin:5px 0 4px}.sub{font-size:19px;color:#506483;margin-bottom:45px}.login-card label{display:block;font-size:18px;font-weight:700;margin:22px 0 10px}.input-wrap{display:flex;align-items:center;border:1px solid #c9d5e4;border-radius:10px;height:62px;padding:0 17px}.input-wrap span{font-size:22px;color:#7890ad;margin-right:14px}.input-wrap input{border:0;outline:0;flex:1;font-size:18px;height:100%}.eye{border:0;background:none;font-size:20px;cursor:pointer;color:#38577e}.options{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.options .check{margin:0;font-weight:400;font-size:16px}.options input{width:19px;height:19px;vertical-align:middle}.options a{color:#075bc7;text-decoration:none}.btn-login,.btn-register{display:block;width:100%;height:62px;border-radius:9px;font-size:20px;font-weight:700;text-align:center;text-decoration:none;padding:18px;cursor:pointer}.btn-login{border:0;background:#1264cf;color:#fff}.btn-register{border:1px solid #c9d5e4;color:#075bc7;background:#fff}.or{text-align:center;margin:30px 0;color:#61748d}.alert{background:#fff1f1;border:1px solid #f2bcbc;color:#a32929;padding:13px;border-radius:8px;margin:15px 0}.simple-card{width:min(550px,94%);margin:70px auto;background:#fff;padding:40px;border-radius:18px;box-shadow:0 15px 45px #12335a22}.simple-card h1{margin-top:0}.reg-form{display:grid;gap:15px;margin:25px 0}.reg-form input{height:50px;border:1px solid #cbd7e5;border-radius:8px;padding:0 14px;font-size:16px}.auth-body footer{text-align:center;padding:18px;color:#506483;font-size:14px}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:500px}.login-card{margin:20px}.school-mark{font-size:110px}}