*{box-sizing:border-box}body{margin:0;font-family:Poppins,'Segoe UI',sans-serif;color:#1d2943;background:linear-gradient(120deg,#203a5f,#45678f);min-height:100vh}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-card{width:min(1080px,100%);min-height:610px;background:white;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1fr 1.05fr;box-shadow:0 30px 80px rgba(7,20,40,.3)}.auth-visual{position:relative;padding:48px;background:linear-gradient(145deg,rgba(29,48,78,.95),rgba(69,101,143,.93)),radial-gradient(circle at 40% 55%,#84c9d4,transparent 30%);color:white;display:flex;flex-direction:column;justify-content:space-between}.auth-brand{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:14px;border-radius:10px}.auth-logo{width:54px;height:54px;border-radius:9px;background:white;color:#203a5f;display:grid;place-items:center;font-size:1.35rem}.auth-brand small{display:block;color:#d8e4f1}.auth-brand strong{font-size:1.15rem}.auth-visual-copy h1{font-size:2.4rem;line-height:1.15;margin:0 0 14px}.auth-visual-copy p{line-height:1.8;color:#e5edf6}.auth-panel{display:flex;align-items:center;justify-content:center;padding:clamp(28px,6vw,60px)}.auth-form{width:min(470px,100%)}.badge{display:inline-block;background:#eaf7f9;color:#21465f;padding:7px 11px;border-radius:7px;font-size:.72rem;font-weight:700}.auth-form h2{font-size:1.75rem;margin:12px 0 5px;font-weight:600}.auth-form .muted{color:#7c879b;margin:0 0 22px}.field{margin:14px 0}.field label{display:block;margin-bottom:7px;font-size:.82rem;font-weight:600}.field input{width:100%;height:52px;border:1px solid #d5dce7;border-radius:9px;padding:0 14px;font:inherit;outline:0}.field input:focus{border-color:#35aebc;box-shadow:0 0 0 3px rgba(53,174,188,.12)}.auth-button{width:100%;height:52px;border:0;border-radius:9px;background:linear-gradient(90deg,#203a5f,#3bb4c3);color:white;font-weight:700;font-size:1rem;cursor:pointer;margin-top:8px}.auth-links{text-align:center;margin-top:18px;font-size:.84rem;color:#69758b}.auth-links a{color:#315f8f;font-weight:700;text-decoration:none}.auth-error{background:#fff0f0;color:#992828;border:1px solid #efc9c9;border-radius:8px;padding:11px 14px;font-size:.8rem}.auth-error ul{margin:0;padding-left:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.full{grid-column:1/-1}
@media(max-width:820px){.auth-shell{padding:0;background:white;place-items:stretch}.auth-card{min-height:100vh;border-radius:0;grid-template-columns:1fr}.auth-visual{min-height:210px;padding:24px}.auth-visual-copy h1{font-size:1.8rem}.auth-visual-copy p{display:none}.auth-panel{padding:28px 20px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}