@font-face{font-family:KaghazAuth;src:url("../../../themes/kaghazomde/assets/fonts/AriaWeb-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:KaghazAuth;src:url("../../../themes/kaghazomde/assets/fonts/AriaWeb-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:light;--auth-indigo:#26345f;--auth-indigo-dark:#1c2748;--auth-teal:#18847a;--auth-ink:#202840;--auth-muted:#697189;--auth-border:#dfe3ec;--auth-bg:#f5f6f9;--auth-danger:#a83232;--auth-success:#166b50}
*{box-sizing:border-box}
html{font-family:KaghazAuth,Tahoma,sans-serif;font-size:18px;background:var(--auth-bg);color:var(--auth-ink);direction:rtl}
body.ko-auth-page{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 50% 0,rgba(38,52,95,.08),transparent 42%),var(--auth-bg)}
.ko-auth-shell{width:100%;min-height:100vh;display:grid;place-items:center;padding:28px 16px}
.ko-auth-card{width:min(100%,420px);padding:38px 34px;border:1px solid var(--auth-border);border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(32,40,64,.1)}
.ko-auth-card h1{margin:0;text-align:center;font-size:1.55rem;line-height:1.5;font-weight:700;color:var(--auth-indigo)}
.ko-auth-intro{margin:10px 0 24px;text-align:center;line-height:1.9;color:var(--auth-muted)}
.ko-auth-form{display:grid;gap:10px}
.ko-auth-form label{font-size:1rem;font-weight:700;color:var(--auth-ink)}
.ko-auth-form input{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--auth-border);border-radius:10px;background:#fff;color:var(--auth-ink);font:inherit;direction:ltr;text-align:center;letter-spacing:.04em;outline:0;transition:border-color .18s ease,box-shadow .18s ease}
.ko-auth-form input::placeholder{color:#a1a7b7;opacity:1}
.ko-auth-form input:focus{border-color:var(--auth-teal);box-shadow:0 0 0 3px rgba(24,132,122,.14)}
.ko-auth-form button{width:100%;min-height:52px;margin-top:8px;padding:10px 18px;border:0;border-radius:10px;background:var(--auth-indigo);color:#fff;font:700 1.05rem/1.5 KaghazAuth,Tahoma,sans-serif;cursor:pointer;transition:background .18s ease,transform .18s ease}
.ko-auth-form button:hover{background:var(--auth-indigo-dark)}
.ko-auth-form button:active{transform:translateY(1px)}
.ko-auth-notice{margin:0 0 18px;padding:11px 13px;border:1px solid rgba(168,50,50,.22);border-radius:9px;background:#fff5f5;color:var(--auth-danger);font-size:1rem;line-height:1.8;text-align:center}
.ko-auth-notice.is-success{border-color:rgba(22,107,80,.22);background:#f1fbf7;color:var(--auth-success)}
.ko-auth-secondary{margin-top:16px;text-align:center}
.ko-auth-link{min-height:46px;padding:6px 12px;border:0;background:transparent;color:var(--auth-teal);font:700 1rem/1.6 KaghazAuth,Tahoma,sans-serif;cursor:pointer}
.ko-auth-link:disabled{color:var(--auth-muted);cursor:not-allowed}
:where(input,button):focus-visible{outline:3px solid rgba(24,132,122,.28);outline-offset:2px}
@media (max-width:520px){.ko-auth-shell{padding:14px}.ko-auth-card{padding:30px 22px;border-radius:12px;box-shadow:0 12px 34px rgba(32,40,64,.09)}.ko-auth-card h1{font-size:1.4rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
