/* ===== تست‌کاو مهارت — صفحات ورود/ثبت‌نام (هماهنگ با دیزاین‌سیستم پنل) ===== */
@font-face{font-family:'AzarMehr';font-style:normal;font-weight:100 950;font-display:swap;src:url(../../fonts/azarmehr/AzarMehr.woff2?v=fontfix-20260711T152337Z) format('woff2')}

:root{
  --a-bg:#f6f6f4; --a-surface:#fff; --a-surface-2:#f8f7f4;
  --a-ink:#15171a; --a-ink-soft:#5b5e63; --a-ink-faint:#9498a0;
  --a-line:#ececec; --a-line-strong:#dadada;
  --a-amber:#ffc218; --a-amber-deep:#e9ad00; --a-amber-soft:rgba(255,194,24,.12); --a-amber-line:rgba(255,194,24,.4);
  --a-ok:#1f9d57; --a-ok-soft:rgba(31,157,87,.1); --a-ok-line:rgba(31,157,87,.3);
  --a-danger:#e5484d; --a-danger-soft:rgba(229,72,77,.1); --a-danger-line:rgba(229,72,77,.3);
  --a-font:'AzarMehr','PinarSK',system-ui,'Segoe UI',sans-serif;
}
[data-theme="dark"]{
  --a-bg:#0b0c0e; --a-surface:#121316; --a-surface-2:#17191c;
  --a-ink:#f3f4f1; --a-ink-soft:#a6aab0; --a-ink-faint:#6b7077;
  --a-line:#26282c; --a-line-strong:#33363a;
  --a-amber-soft:rgba(255,194,24,.14); --a-ok-soft:rgba(31,157,87,.16); --a-danger-soft:rgba(229,72,77,.14);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --a-bg:#0b0c0e; --a-surface:#121316; --a-surface-2:#17191c;
  --a-ink:#f3f4f1; --a-ink-soft:#a6aab0; --a-ink-faint:#6b7077;
  --a-line:#26282c; --a-line-strong:#33363a;
  --a-amber-soft:rgba(255,194,24,.14); --a-ok-soft:rgba(31,157,87,.16); --a-danger-soft:rgba(229,72,77,.14);
}}

.auth-page,.auth-page *{font-family:var(--a-font);box-sizing:border-box}
.auth-page{min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;padding:28px 16px;
  background:radial-gradient(120% 80% at 100% 0,var(--a-amber-soft) 0,transparent 55%),var(--a-bg);color:var(--a-ink)}

/* کارت اصلی */
.auth-card{width:100%;max-width:452px;background:var(--a-surface);border:1px solid var(--a-line);
  border-radius:18px;padding:34px 32px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 34px -22px rgba(0,0,0,.22)}

/* برند */
.brand-box{display:flex;align-items:center;gap:13px;margin-bottom:24px}
.brand-mark{width:46px;height:46px;border-radius:13px;background:var(--a-ink);color:#fff;display:flex;
  align-items:center;justify-content:center;font-weight:800;font-size:17px;letter-spacing:.5px;flex-shrink:0}
.brand-box h1{margin:0;font-size:17px;font-weight:800;color:var(--a-ink);line-height:1.3}
.brand-box p{margin:2px 0 0;font-size:12px;color:var(--a-ink-soft)}

/* عنوان */
.auth-title{margin-bottom:20px}
.auth-title h2{margin:0;font-size:21px;font-weight:800;color:var(--a-ink)}
.auth-title p{margin:7px 0 0;font-size:13px;color:var(--a-ink-soft);line-height:1.8}

/* انتخاب روش ورود */
.choice-grid{display:flex;flex-direction:column;gap:11px}
.choice-item{display:block;text-decoration:none;background:var(--a-surface-2);border:1px solid var(--a-line);
  border-radius:13px;padding:15px 17px;transition:border-color .15s,transform .15s,background .15s}
.choice-item:hover{border-color:var(--a-amber-line);background:var(--a-amber-soft);transform:translateY(-1px)}
.choice-item strong{display:block;font-size:14.5px;font-weight:700;color:var(--a-ink);margin-bottom:3px}
.choice-item span{display:block;font-size:12px;color:var(--a-ink-soft)}

/* فرم */
.auth-form{display:flex;flex-direction:column;gap:15px;margin-top:4px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.field-row{display:flex;flex-direction:column;gap:6px}
.field-row label{font-size:12.5px;font-weight:600;color:var(--a-ink)}
.field-row input:not([type=checkbox]):not([type=radio]),
.field-row select,.field-row textarea{width:100%;font-family:var(--a-font);font-size:13.5px;color:var(--a-ink);
  background:var(--a-surface);border:1px solid var(--a-line-strong);border-radius:11px;padding:11px 13px;
  transition:border-color .15s,box-shadow .15s;outline:none}
.field-row input:focus,.field-row select:focus,.field-row textarea:focus{
  border-color:var(--a-amber);box-shadow:0 0 0 3px var(--a-amber-soft)}
.field-row input::placeholder,.field-row textarea::placeholder{color:var(--a-ink-faint)}
.field-row small{font-size:11px;color:var(--a-ink-faint);line-height:1.7}
.field-error{font-size:11.5px;color:var(--a-danger);font-weight:600}

/* ورودی کد یک‌بارمصرف */
.field-row input[name="code"]{text-align:center;font-size:24px;font-weight:800;letter-spacing:.5em;padding-inline:13px;padding-inline-start:.5em}

/* دکمه‌ها */
.primary-btn{width:100%;font-family:var(--a-font);font-size:14.5px;font-weight:800;cursor:pointer;
  background:var(--a-amber);color:#1a1306;border:0;border-radius:12px;padding:13px 18px;margin-top:2px;
  transition:background .15s,transform .1s}
.primary-btn:hover{background:var(--a-amber-deep)}
.primary-btn:active{transform:translateY(1px)}
.link-btn{background:none;border:0;cursor:pointer;font-family:var(--a-font);font-size:12.5px;font-weight:700;
  color:var(--a-amber-deep);padding:6px;text-decoration:underline;text-underline-offset:3px}
.link-btn:hover{color:var(--a-ink)}
.inline-form{text-align:center;margin-top:12px}

/* تایمر */
.timer-box{background:var(--a-amber-soft);border:1px solid var(--a-amber-line);border-radius:11px;
  padding:11px 14px;text-align:center;font-size:12.5px;color:var(--a-ink-soft);margin-bottom:16px}
.timer-box strong{color:var(--a-amber-deep);font-weight:800;font-size:14px}

/* نوار قدرت گذرواژه */
.password-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;align-items:center;margin-top:-4px}
.password-meter span{height:5px;border-radius:99px;background:var(--a-line-strong);transition:background .2s}
.password-meter span.is-on{background:var(--a-amber)}
.password-meter span.is-strong{background:var(--a-ok)}
.password-meter small{grid-column:1/-1;font-size:11px;color:var(--a-ink-faint);margin-top:4px;line-height:1.7}

/* پیام‌ها */
.messages{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.message{font-size:12.5px;font-weight:600;border-radius:11px;padding:11px 14px;border:1px solid var(--a-line)}
.message-success{background:var(--a-ok-soft);border-color:var(--a-ok-line);color:var(--a-ok)}
.message-error,.message-danger{background:var(--a-danger-soft);border-color:var(--a-danger-line);color:var(--a-danger)}
.message-info,.message-warning{background:var(--a-amber-soft);border-color:var(--a-amber-line);color:var(--a-amber-deep)}
.form-errors{background:var(--a-danger-soft);border:1px solid var(--a-danger-line);border-radius:11px;padding:11px 14px;margin-bottom:4px}
.form-errors p{margin:0;font-size:12.5px;color:var(--a-danger);font-weight:600}

/* لینک پایین */
.auth-footer-link{margin-top:20px;padding-top:18px;border-top:1px solid var(--a-line);text-align:center;
  font-size:12.5px;color:var(--a-ink-soft);line-height:2}
.auth-footer-link a{color:var(--a-amber-deep);font-weight:700;text-decoration:none}
.auth-footer-link a:hover{text-decoration:underline;text-underline-offset:3px}

@media (max-width:480px){.auth-card{padding:26px 20px}.two-col{grid-template-columns:1fr}}