@font-face{font-family:ServinAuth;src:url('../fonts/servin-auth.woff2') format('woff2');font-weight:100 900;font-display:swap}
.servin-auth{margin:0;background:#f7f5f1;color:#111827;font-family:ServinAuth,YekanBakh,sans-serif;min-height:100svh;padding:32px;box-sizing:border-box}.servin-auth *{box-sizing:border-box}.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);direction:ltr;max-width:1440px;margin:auto;min-height:calc(100svh - 64px);border-radius:24px;overflow:hidden;box-shadow:0 12px 55px #39271512}.auth-form-panel{background:#ffffffed;padding:32px clamp(24px,4vw,64px);direction:rtl}[dir=ltr] .servin-auth .auth-form-panel{direction:ltr}.auth-brand{display:flex;align-items:center;justify-content:center;gap:12px;color:#101720;font-size:26px;font-weight:800;text-decoration:none;margin-bottom:28px}.auth-heading{text-align:center;font-size:32px;font-weight:800;line-height:1.5;margin:0 0 8px}.auth-subtitle{text-align:center;color:#6b7280;line-height:1.9;margin-bottom:26px}.auth-tabs{display:flex;gap:6px;background:#f5f4f1;padding:6px;border:1px solid #efede8;border-radius:15px;margin-bottom:28px}.auth-tabs button{flex:1;padding:13px 8px;border-radius:11px;color:#6b7280;font-weight:600}.auth-tabs button[aria-selected=true]{background:#fffaf1;color:#d97706;box-shadow:0 0 0 1px #fbbf24}.auth-field{margin:18px 0}.auth-field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.auth-form-panel input:not([type=checkbox]),.auth-form-panel select,.auth-form-panel textarea{width:100%;border:1px solid #d7dbe2;border-radius:10px;min-height:48px;background:#fff;color:#111827;padding:11px 14px;font-size:15px}.auth-form-panel input:focus,.auth-form-panel select:focus,.auth-form-panel textarea:focus{outline:2px solid #fbbf24;outline-offset:2px;border-color:#f59e0b;box-shadow:none}.auth-primary,.auth-form-panel button[type=submit]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;background:linear-gradient(110deg,#ffb52e,#ec8a00);border:1px solid #f5ab22;border-radius:11px;color:white;font-weight:700;font-size:17px;padding:12px 20px;box-shadow:0 5px 14px #f59e0b24}.auth-primary:disabled,.auth-form-panel button:disabled{opacity:.55;cursor:wait}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0;font-size:14px}.auth-row label{display:flex;align-items:center;gap:8px}.auth-link{color:#d97706;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}.auth-footer{text-align:center;border-top:1px solid #e5e7eb;margin-top:25px;padding-top:22px;font-size:14px}.auth-notice{border-radius:10px;padding:12px 16px;background:#eff8ee;color:#367941;border:1px solid #d8ecd8;margin:18px 0;font-size:14px;line-height:1.8}.auth-hint{font-size:12px;color:#6b7280;line-height:1.8;margin-top:8px}.auth-password{position:relative}.auth-password input{padding-inline-end:65px!important}.auth-password button{position:absolute;inset-inline-end:12px;top:12px;color:#6b7280;font-size:12px}.auth-otp{direction:ltr!important;letter-spacing:.65em;text-align:center;font-size:28px!important;font-variant-numeric:tabular-nums;min-height:68px!important;padding-inline:12px 0!important;background:repeating-linear-gradient(to right,#fff 0, #fff calc(16.666% - 2px),#e5e7eb calc(16.666% - 2px),#e5e7eb 16.666%)!important}.auth-story{position:relative;direction:rtl;background-image:linear-gradient(180deg,#fff8ecf2 0%,#fff8eccc 37%,#fff8ec00 76%),var(--auth-background);background-size:cover;background-position:center;min-height:720px;padding:48px 38px}[dir=ltr] .servin-auth .auth-story{direction:ltr}.auth-story-content{position:relative;max-width:550px;margin:auto}.auth-story h2{font-size:clamp(28px,3vw,46px);font-weight:850;line-height:1.55;margin:30px 0 14px;color:#101720}.auth-story>div>p{color:#667085;font-size:20px;line-height:1.9}.auth-story ul{list-style:none;margin:32px 0 250px;padding:0}.auth-story li{display:flex;gap:16px;margin:25px 0;align-items:center}.auth-story li h3{font-size:18px;font-weight:750;margin:0 0 6px}.auth-story li p{color:#667085;font-size:14px;margin:0;line-height:1.8}.auth-feature-icon{display:grid;place-items:center;flex:0 0 52px;height:52px;background:#fff0d3;color:#ef8c00;border-radius:50%}[x-cloak]{display:none!important}.auth-form-panel .auth-signup-form{padding:0!important;box-shadow:none!important;background:transparent!important}.auth-steps{display:flex;justify-content:space-between;gap:12px;margin:24px 0;font-size:12px;color:#6b7280}.auth-steps span{border-bottom:2px solid #e5e7eb;padding-bottom:10px;flex:1;text-align:center}.auth-steps [aria-current=step]{border-color:#f59e0b;color:#c77700}button:focus-visible,a:focus-visible{outline:2px solid #f59e0b;outline-offset:4px}
@media(max-width:900px){.servin-auth{padding:18px}.auth-shell{grid-template-columns:1fr;max-width:620px;min-height:calc(100svh - 36px)}.auth-story{display:none}.auth-form-panel{padding:28px 24px}.auth-heading{font-size:28px}}
@media(max-width:420px){.servin-auth{padding:0;background:#fff}.auth-shell{border-radius:0;box-shadow:none;min-height:100svh}.auth-form-panel{padding:24px 18px}.auth-tabs button{font-size:13px}.auth-brand{font-size:23px}.auth-otp{letter-spacing:.4em}}
@media(prefers-reduced-motion:reduce){.servin-auth *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.auth-form-panel .auth-send-code{background:#fff8ed;color:#d97706;border:1px solid #f5aa27;box-shadow:none;font-family:inherit}.auth-story h2{color:#e58b00}.auth-form-panel h1,.auth-story h2,.auth-brand{font-family:ServinAuth,YekanBakh,sans-serif}
body.servin-auth,body.servin-auth input,body.servin-auth button,body.servin-auth h1,body.servin-auth h2,body.servin-auth h3{font-family:ServinAuth,YekanBakh,sans-serif!important}

.auth-code-field{position:relative;height:68px;direction:ltr}.auth-code-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;height:100%}.auth-code-cells span{display:grid;place-items:center;border:1px solid #dedfe4;background:#fff;border-radius:12px;font-size:28px;font-weight:600;line-height:1}.auth-code-field:focus-within .is-active{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b22}.auth-code-field .auth-otp{position:absolute;inset:0;color:transparent!important;caret-color:transparent;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;letter-spacing:normal;padding:0!important;cursor:text}.auth-code-field input::selection{background:transparent;color:transparent}
.auth-theme-toggle{display:block;margin-inline-start:auto;color:inherit;border:1px solid #d7dbe2;border-radius:9px;padding:6px 12px;margin-bottom:12px}
html.dark{color-scheme:dark}html:not(.dark){color-scheme:light}
.dark body.servin-auth{background:#10151e;color:#e5e7eb}
.dark .auth-form-panel{background:#18212f}.dark .auth-brand{color:#f3f4f6}
.dark .auth-tabs{background:#111827;border-color:#374151}.dark .auth-tabs button{color:#cbd5e1}
.dark .auth-tabs button[aria-selected=true]{background:#3b2b14;color:#fbbf24}
.dark .auth-form-panel input:not([type=checkbox]),.dark .auth-form-panel select,.dark .auth-form-panel textarea,.dark .auth-code-cells span{background:#111827;color:#f3f4f6;border-color:#4b5563}
.dark .auth-subtitle,.dark .auth-hint,.dark .auth-steps{color:#aeb9c9}
.dark .auth-footer,.dark .auth-steps span,.dark .auth-theme-toggle{border-color:#475569}
.dark .auth-link{color:#fbbf24}.dark .auth-notice{background:#16352a;color:#b7efce;border-color:#286044}
.dark .auth-story{background-image:linear-gradient(180deg,#111827f2 0%,#111827d9 40%,#11182733 90%),var(--auth-background)}
.dark .auth-story>div>p,.dark .auth-story li p{color:#d1d5db}.dark .auth-feature-icon{background:#3b2b14;color:#fbbf24}
.dark .auth-code-field .auth-otp{background:transparent!important;color:transparent!important}