.auth-body{min-height:100vh;background:radial-gradient(circle at top left, rgba(255,180,80,0.16), transparent 24%),radial-gradient(circle at right 18% top 12%, rgba(46,118,194,0.18), transparent 22%),linear-gradient(180deg, #f7fbff 0%, #e9f1f8 100%);color:#17324b}.auth-wrap{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:28px 16px}.auth-shell{width:100%;max-width:1060px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px;align-items:stretch}.auth-intro,.auth-form{border:1px solid rgba(255,255,255,0.84);border-radius:28px;background:rgba(255,255,255,0.8);backdrop-filter:blur(14px);box-shadow:0 24px 54px rgba(13,44,74,0.12)}.auth-intro{position:relative;overflow:hidden;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.auth-intro::before{content:"";position:absolute;width:220px;height:220px;top:-70px;right:-60px;border-radius:50%;background:radial-gradient(circle, rgba(255,169,63,0.2) 0%, transparent 70%);pointer-events:none}.auth-intro .auth-logo{display:inline-flex;align-items:center;justify-content:center;width:92px;height:92px;margin-bottom:18px;border-radius:24px;background:rgba(255,255,255,0.92);box-shadow:0 16px 34px rgba(13,44,74,0.12)}.auth-intro .auth-logo img{display:block;width:78px;height:78px;object-fit:contain}.auth-intro .auth-kicker{display:inline-flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 12px;margin-bottom:14px;border-radius:999px;background:rgba(15,77,107,0.08);color:#0f4d6b;font-size:11px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.auth-intro h1{max-width:520px;margin-bottom:14px;font-family:"Mulish",sans-serif;font-size:42px;line-height:1.05;font-weight:700;letter-spacing:-0.04em;color:#143d6b}.auth-intro p{max-width:520px;color:#5f7387;font-size:14px;line-height:1.8}.auth-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.auth-benefit{padding:16px;border:1px solid rgba(15,77,107,0.1);border-radius:20px;background:rgba(247,250,253,0.82)}.auth-benefit strong,.auth-benefit span{display:block}.auth-benefit strong{margin-bottom:6px;font-size:14px;font-weight:700;color:#143d6b}.auth-benefit span{color:#61758a;font-size:12px;line-height:1.6}.auth-form{padding:26px 24px}.auth-form-head{margin-bottom:18px}.auth-form-head .auth-form-badge{display:inline-flex;padding:6px 12px;margin-bottom:14px;border-radius:999px;background:linear-gradient(135deg, #ffb14a 0%, #ff8f3a 100%);color:#17324b;font-size:11px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.auth-form-head h2{margin-bottom:8px;font-family:"Mulish",sans-serif;font-size:28px;line-height:1.12;font-weight:700;letter-spacing:-0.03em;color:#143d6b}.auth-form-head p{color:#61758a;font-size:13px;line-height:1.7}.auth-form .fieldset-wrap{display:flex;flex-direction:column;gap:14px}.auth-form fieldset{display:flex;flex-direction:column}.auth-form label{margin-bottom:8px;color:#143d6b;font-size:13px;font-weight:700}.auth-form input,.auth-form button{width:100%;min-height:48px;border-radius:16px}.auth-form input{padding:0 14px;border:1px solid rgba(15,77,107,0.14);background:#ffffff;color:#17324b;box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);transition:border-color 0.25s ease,box-shadow 0.25s ease}.auth-form input::placeholder{color:#8a9aab}.auth-form input:focus{border-color:rgba(15,77,107,0.34);box-shadow:0 0 0 4px rgba(15,77,107,0.08)}.auth-form button{margin-top:18px;background:linear-gradient(135deg, #0f5c9c 0%, #143d6b 100%);color:#fff;font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;transition:transform 0.25s ease,box-shadow 0.25s ease}.auth-form button:hover{transform:translateY(-1px);box-shadow:0 18px 30px rgba(13,44,74,0.16)}.auth-form-footer{margin-top:16px}.auth-form-footer a,.auth-form-footer span{display:block}.auth-form-footer a{margin-bottom:10px;color:#0f4d6b;font-size:13px;text-decoration:underline;-webkit-text-decoration-color:rgba(15,77,107,0.24);text-decoration-color:rgba(15,77,107,0.24);text-underline-offset:3px}.auth-form-footer span{color:#718496;font-size:12px;line-height:1.7}@media (max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-intro,.auth-form{padding:22px 18px}.auth-intro h1{font-size:32px}}@media (max-width:560px){.auth-wrap{padding:16px 12px}.auth-intro .auth-logo{width:80px;height:80px}.auth-intro .auth-logo img{width:66px;height:66px}.auth-intro h1{font-size:27px}.auth-benefits{grid-template-columns:1fr}.auth-form-head h2{font-size:24px}}
