.qa-auth-page{min-height:calc(100vh - 132px);display:grid;place-items:center;padding:22px 0 44px}
.qa-auth-shell{width:min(1060px,100%);display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1fr);background:#fff;border:1px solid rgba(148,163,184,.24);border-radius:28px;box-shadow:0 26px 70px rgba(15,23,42,.11);overflow:hidden}
.qa-auth-visual{position:relative;min-height:640px;background:linear-gradient(145deg,#123f3a 0%,#1f766c 52%,#f1d64a 100%);color:#fff;padding:44px;display:flex;flex-direction:column;justify-content:space-between}
.qa-auth-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,63,58,.76),rgba(18,63,58,.14));pointer-events:none}
.qa-auth-visual>*{position:relative;z-index:1}
.qa-auth-brand{display:flex;align-items:center;gap:14px}
.qa-auth-brand img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:18px;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.qa-auth-brand strong{display:block;font-size:1.18rem;line-height:1.1}
.qa-auth-brand span{font-size:.88rem;opacity:.82}
.qa-auth-visual h1{font-size:2.65rem;line-height:1.02;font-weight:850;letter-spacing:0;margin:34px 0 14px;max-width:440px}
.qa-auth-visual p{max-width:430px;font-size:1rem;line-height:1.65;opacity:.9;margin:0}
.qa-auth-card-art{width:min(420px,100%);background:rgba(255,255,255,.94);color:#17212b;border-radius:24px;padding:22px;box-shadow:0 24px 52px rgba(0,0,0,.24);backdrop-filter:blur(12px)}
.qa-auth-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid #d8e1e8;padding-bottom:16px;margin-bottom:18px}
.qa-auth-card-title{font-weight:850;font-size:1.05rem}
.qa-auth-card-sub{color:#64748b;font-size:.86rem;margin-top:2px}
.qa-auth-chip{background:#e9f7f2;color:#176b5b;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.78rem;white-space:nowrap}
.qa-auth-lock{position:relative;width:112px;height:112px;border-radius:28px;background:#0f766e;display:grid;place-items:center;box-shadow:inset 0 -12px 20px rgba(0,0,0,.12)}
.qa-auth-lock:before{content:"";width:46px;height:34px;border:8px solid #fff;border-bottom:0;border-radius:28px 28px 0 0;transform:translateY(-16px)}
.qa-auth-lock:after{content:"";position:absolute;width:58px;height:48px;border-radius:14px;background:#fff;transform:translateY(18px)}
.qa-auth-code{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:1}
.qa-auth-code i{height:42px;border-radius:12px;background:#edf2f7;border:1px solid #d8e1e8}
.qa-auth-code i:nth-child(2),.qa-auth-code i:nth-child(5){background:#f1d64a}
.qa-auth-art-body{display:flex;gap:18px;align-items:center}
.qa-auth-form{padding:54px 56px;display:flex;flex-direction:column;justify-content:center}
.qa-auth-mark{width:74px;height:74px;object-fit:contain;margin:0 auto 24px;filter:drop-shadow(0 12px 22px rgba(15,118,110,.18))}
.qa-auth-form h2{font-size:2rem;font-weight:850;letter-spacing:0;margin-bottom:8px}
.qa-auth-form .qa-muted{color:#64748b;margin-bottom:28px}
.qa-auth-field{position:relative}
.qa-auth-field label{font-weight:750;color:#344054;margin-bottom:8px}
.qa-auth-field .form-control{padding-left:46px;min-height:52px;border-radius:16px}
.qa-auth-icon{position:absolute;left:16px;bottom:14px;color:#64748b;font-weight:850;line-height:1}
.qa-auth-submit{min-height:52px;border-radius:16px;font-weight:850}
.qa-auth-links{margin-top:22px;text-align:center;color:#475467}
.qa-auth-links a{color:#176b5b;font-weight:800;text-decoration:none}
.qa-auth-links a:hover{text-decoration:underline}
@media(max-width:900px){.qa-auth-shell{grid-template-columns:1fr}.qa-auth-visual{min-height:auto;padding:32px}.qa-auth-visual h1{font-size:2.1rem}.qa-auth-card-art{margin-top:30px}.qa-auth-form{padding:34px 26px}}
@media(max-width:520px){.qa-auth-page{padding-top:0}.qa-auth-shell{border-radius:20px}.qa-auth-visual{padding:26px}.qa-auth-card-art{display:none}.qa-auth-form h2{font-size:1.7rem}}