/* ===== AUTH-01..04 theo prototype ===== */
.auth-stage{display:flex;flex-direction:column;align-items:flex-start;min-height:780px;padding:36px 8%}
.auth-stage .auth-intro.center{align-self:center;text-align:center;max-width:none}
.auth-intro h1{font-size:32px;color:#14324a}
.auth-intro h3{font-size:17px;margin:4px 0 8px;color:#14324a}
.auth-feats{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:14px;position:absolute;right:30%;top:90px}
.auth-feats li{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;background:#fffc;padding:6px 14px 6px 6px;border-radius:30px}
.auth-feats span{width:44px;height:44px;border-radius:50%;background:#fff;color:#12975f;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0002}
.auth-card{margin:20px 0 0;width:100%}
.auth-card.wide{max-width:980px;align-self:center}
.tabs2{display:flex;border-bottom:1px solid #dbe6e1;margin:16px 0}
.tabs2 button{flex:1;display:flex;gap:8px;justify-content:center;align-items:center;padding:12px;border:0;background:#f4f8f6;color:#456;font-weight:600;border-bottom:3px solid transparent}
.tabs2 button.on{background:#e6f5ec;color:#07603f;border-bottom-color:#0b8a5c}
.pw{position:relative;display:block}
.pw input{padding-right:42px}
.eye{position:absolute;right:8px;top:50%;transform:translateY(-35%);border:0;background:none;color:#789}
.row-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.row-between .chk,.row-between .forgot{margin:0}
.auth-card .forgot{display:inline;margin:0}
.or{text-align:center;margin:18px 0;color:#7a8d84;font-size:12px;position:relative}
.or:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #dde6e2}
.or span{background:#fff;padding:0 12px;position:relative}
.social{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.social button{padding:10px;border:1px solid #d6e2e7;background:#fafafa;border-radius:6px;color:#889;font-weight:600}
.center{text-align:center}
.steps{list-style:none;display:flex;justify-content:center;gap:90px;padding:0;margin:20px 0 0}
.steps li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#789}
.steps b{width:36px;height:36px;border-radius:50%;background:#cfd9e2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}
.steps li.on{color:#14324a;font-weight:600}
.steps li.on b{background:#0b8a5c}
.step{display:none}
.step.on{display:block}
.step h2{display:flex;gap:12px;align-items:center;text-align:left;font-size:19px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.span2{grid-column:1/-1}
.pw-rules{background:#e9f7ee;border-radius:8px;padding:14px 18px;font-size:12px}
.pw-rules ul{margin:6px 0 0;padding-left:18px}
.wizard{margin-top:22px;grid-template-columns:1fr 1.4fr}
.hico{display:inline-flex;width:34px;height:34px;background:#e3f4ea;color:#0b8a5c;border-radius:8px;align-items:center;justify-content:center}
.chk{display:flex;gap:8px;align-items:center;font-weight:500}
.chk input{width:16px;height:16px;margin:0;accent-color:#0b8a5c}
@media(max-width:1000px){.auth-feats{display:none}
.grid2{grid-template-columns:1fr}
.steps{gap:30px}
}
.site-footer.dark{background:#0b4a35!important;color:#d6ebe0}
.site-footer.dark::before,.site-footer.dark::after{display:none}
.site-footer.dark h4,.site-footer.dark a,.site-footer.dark p,.site-footer.dark span{color:#e7f5ed!important}
.site-footer.dark .footer-bottom{border-color:#1d6a50;color:#a9cdbb}
.site-footer.dark .footer-brand img{max-height:70px;width:auto}
.site-footer.dark .footer-brand{display:inline-block;background:#fff;border-radius:12px;padding:8px 14px}
.site-footer.dark .footer-brand img{display:block;max-height:64px}
.steps li{color:#13334a}
.register-stage .steps{background:#ffffffd9;border-radius:14px;padding:10px 24px;backdrop-filter:blur(2px)}