:root{--auth-navy:#0b1f3a;--auth-blue:#2563eb;--auth-line:#dce6f0;--auth-muted:#627d98}
*{box-sizing:border-box}body.auth-page{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,#e8f2ff 0,transparent 34%),linear-gradient(135deg,#f8fbff,#eef4fb);color:#17243a;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.auth-shell{width:min(1080px,calc(100% - 32px));min-height:620px;margin:clamp(22px,6vh,72px) auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);overflow:hidden;border:1px solid rgba(203,216,230,.9);border-radius:24px;background:#fff;box-shadow:0 26px 70px rgba(16,42,67,.13)}
.auth-intro{position:relative;padding:clamp(34px,5vw,62px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(150deg,#0b1f3a 0%,#123d70 65%,#1259c3 100%);overflow:hidden}.auth-intro:after{content:"";position:absolute;width:320px;height:320px;right:-130px;bottom:-135px;border:55px solid rgba(255,255,255,.07);border-radius:50%}
.auth-brand{position:relative;z-index:1}.auth-logo{width:88px;height:112px;object-fit:cover;object-position:center 15%;padding:3px;border:1px solid rgba(255,255,255,.55);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2)}.auth-kicker{display:block;margin-top:20px;color:#7dd3fc;font-weight:800;font-size:.76rem;letter-spacing:.12em}.auth-intro h1{max-width:420px;margin:9px 0 12px;font-size:clamp(2rem,4vw,3.1rem);line-height:1.06;letter-spacing:-.045em}.auth-intro p{max-width:430px;margin:0;color:#cfe1f3;line-height:1.65}.auth-trust{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px}.auth-trust span{padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:.75rem;font-weight:700}
.auth-form-wrap{display:flex;align-items:center;padding:clamp(30px,5vw,66px)}.auth-form{width:min(100%,460px);margin:auto}.auth-form h2{margin:0;font-size:1.65rem;letter-spacing:-.035em}.auth-form>.lead{margin:8px 0 28px;color:var(--auth-muted);font-size:.95rem}.auth-form .form-label{margin-bottom:7px;color:#334e68;font-size:.84rem;font-weight:700}.auth-form .form-control{min-height:48px;border-color:#cbd8e6;border-radius:11px}.auth-form .form-control:focus{border-color:#4f8de5;box-shadow:0 0 0 4px rgba(37,99,235,.16)}.auth-form .btn{min-height:48px;border-radius:11px;font-weight:750}.auth-location{display:flex;align-items:flex-start;gap:9px;margin:16px 0;color:var(--auth-muted);font-size:.8rem;line-height:1.5}.auth-location .bi{margin-top:2px;color:#2563eb}.auth-foot{margin-top:18px;text-align:center;color:#829ab1;font-size:.74rem}
.auth-page>.container{max-width:680px!important;min-height:100vh;display:flex;align-items:center}.auth-page .card{width:100%;border:1px solid var(--auth-line)!important;border-radius:20px!important;box-shadow:0 18px 50px rgba(16,42,67,.12)!important}.auth-page .card-body{padding:clamp(24px,5vw,42px)!important}.auth-page .form-control{min-height:48px;border-radius:11px}.auth-page .btn{min-height:48px;border-radius:11px;font-weight:700}.auth-page img[alt*="QR"]{max-width:100%;height:auto;border-radius:14px}
@media(max-width:800px){.auth-shell{grid-template-columns:1fr;min-height:auto;margin:0;width:100%;border:0;border-radius:0;box-shadow:none}.auth-intro{min-height:220px;padding:28px 24px}.auth-intro p{display:none}.auth-intro h1{font-size:2rem;margin-bottom:0}.auth-trust{margin-top:24px}.auth-form-wrap{padding:30px 24px 40px}}
@media(max-width:480px){body.auth-page{background:#fff}.auth-intro{min-height:220px}.auth-logo{width:68px;height:84px}.auth-kicker{margin-top:14px}.auth-intro h1{font-size:1.72rem}.auth-trust span:nth-child(3){display:none}.auth-form-wrap{padding:26px 20px 34px}.auth-form h2{font-size:1.42rem}.auth-form>.lead{margin-bottom:22px}.auth-page>.container{padding:14px!important}.auth-page .card-body{padding:22px!important}}