/* Avan app pages (signup, login, account) on top of the site's /style.css */
body.app{display:flex;flex-direction:column;min-height:100vh}
main.auth{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px 56px}
.auth-card{width:100%;max-width:440px;background:#fff;border:1px solid #EDF0F3;border-radius:18px;box-shadow:0 10px 30px rgba(17,24,39,.06);padding:32px 30px}
.auth-card h1{margin:0 0 6px;font-size:24px;font-weight:800}
.sub{color:var(--mut);margin:0 0 20px;font-size:14.5px;line-height:1.9}
.fld{display:block;margin:0 0 16px}
.fld>span{display:block;font-size:14px;font-weight:700;margin-bottom:6px;color:var(--ink2)}
.fld input{width:100%;height:50px;border:1px solid #D5DBE1;border-radius:12px;padding:0 14px;font:inherit;font-size:16px;background:#FBFCFC;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.fld input:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 3px rgba(30,145,80,.15);background:#fff}
.ltr{direction:ltr;unicode-bidi:isolate}
input.ltr{text-align:left}
input.code{font-size:24px;letter-spacing:10px;text-align:center;font-weight:800}
.chk{display:flex;gap:10px;align-items:flex-start;margin:4px 0 20px;font-size:14px;line-height:1.9;cursor:pointer}
.chk input{width:18px;height:18px;margin-top:5px;accent-color:var(--g);flex:none}
.chk a,.alt a,.alert a{color:var(--g);font-weight:700}
.btn.block{display:flex;width:100%;height:50px;font-size:16px}
.alert{border-radius:12px;padding:12px 14px;margin:0 0 18px;font-size:14px;line-height:1.8}
.alert.err{background:#FDECEC;color:#B42318;border:1px solid #F8CACA}
.alert.ok{background:var(--gl);color:var(--g2);border:1px solid #C9E7D5}
.alt{text-align:center;margin:14px 0 0;font-size:14px;color:var(--mut)}
.resend{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:14px}
.linkbtn{background:none;border:0;color:var(--g);font:inherit;font-weight:700;cursor:pointer;padding:4px}
.linkbtn:disabled{color:#9AA3AE;cursor:default}
.muted{color:var(--mut)}
.small{font-size:13px}
footer.mini{background:var(--dark);color:#9099A7;padding:18px 0;margin-top:auto}
footer.mini .wrap{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-size:13.5px}
footer.mini a{color:#C9CFD8}
footer.mini a:hover{color:#fff}
footer.mini span{margin-inline-start:auto}
/* account page */
main.panel{padding-top:34px;padding-bottom:44px;flex:1;width:100%}
.ph{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.ph h1{margin:0;font-size:28px;font-weight:800}
.ph .sub{margin:2px 0 0}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.st{background:#fff;border:1px solid #EDF0F3;border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:center}
.st i{display:flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;font-style:normal;font-weight:800;background:#EEF1F4;color:var(--mut);flex:none}
.st.done i{background:var(--g);color:#fff}
.st b{display:block;font-size:15px;line-height:1.5}
.st small{color:var(--mut);font-size:12.5px}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pcard{background:#fff;border:1px solid #EDF0F3;border-radius:16px;box-shadow:0 6px 24px rgba(17,24,39,.05);padding:22px 24px}
.pcard h2{margin:0 0 14px;font-size:18px;font-weight:800}
.pcard .fld input{max-width:420px}
#security{grid-column:1/-1}
.kv{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:0}
.kv dt{color:var(--mut);font-size:14px}
.kv dd{margin:0;font-weight:700;justify-self:start}
.big{font-size:30px;font-weight:800;margin:0 0 8px}
.big small{font-size:14px;color:var(--mut);font-weight:500}
@media (max-width:820px){.steps4{grid-template-columns:1fr 1fr}.pgrid{grid-template-columns:1fr}}
@media (max-width:640px){
 main.auth{padding:26px 12px 40px}
 .auth-card{padding:24px 18px}
 .ph h1{font-size:23px}
 .st{padding:12px}
 footer.mini span{margin:0}
}