:root{color-scheme:dark;--bg:#0c0a16;--surface:#1b162b;--line:#3d3254;--text:#f6f2ff;--muted:#b7adc6;--violet:#9061f4;--accent:#bba3ff;font-family:'Vazirmatn','Segoe UI',Tahoma,Arial,sans-serif;font-size:16px}
*,*::before,*::after{box-sizing:border-box}html{font-family:inherit}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:inherit;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #be9fff;outline-offset:3px} [hidden]{display:none!important}
.auth-shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)}
.auth-brand{min-width:0;position:relative;display:flex;flex-direction:column;padding:34px clamp(32px,5vw,90px) 30px;background:linear-gradient(145deg,#171129 0%,#110e20 58%,#100d1c 100%);border-left:1px solid #29223a;overflow:hidden}.brand{display:flex;align-items:center;gap:12px;direction:ltr;text-align:left;align-self:flex-start}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:linear-gradient(145deg,#a784ff,#6c43cc);border-radius:12px;font:bold 26px Georgia,serif;color:white}.brand-name{display:grid;gap:2px}.brand-name strong{font:800 14px 'Segoe UI',sans-serif;letter-spacing:1.3px}.brand-name small{font:700 9px 'Segoe UI',sans-serif;letter-spacing:1.5px;color:#afa1c9}.brand-content{width:100%;max-width:540px;margin:auto;min-width:0;padding:60px 0}.eyebrow{display:flex;align-items:center;gap:10px;direction:ltr;justify-content:flex-end;color:#b9a2f0;font:700 11px 'Segoe UI',sans-serif;letter-spacing:1.25px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#b99dff}.brand h1{margin:25px 0 17px;font-size:clamp(33px,3.6vw,51px);font-weight:850;line-height:1.47;letter-spacing:-.3px}.brand h1 em{font-style:normal;color:#c1a9ff}.brand-content>p{font-size:16px;line-height:2.03;color:#b9b1c8;max-width:470px;margin:0}.auth-brand-dashboard{margin-top:37px;max-width:525px;border:1px solid #4b3a67;background:#1d1732;border-radius:18px;padding:18px;box-shadow:0 15px 36px #0002}.auth-preview-header{display:flex;justify-content:space-between;gap:12px;direction:ltr;font:700 10px 'Segoe UI',sans-serif;letter-spacing:.7px;color:#bca7df}.auth-preview-chart{height:165px;margin-top:17px;border-radius:11px;background:repeating-linear-gradient(0deg,transparent 0,transparent 29px,#ffffff09 30px),#251d3d;padding:15px}.auth-preview-chart svg{width:100%;height:100%}.auth-preview-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;direction:ltr}.auth-preview-footer>div{display:flex;align-items:center;gap:6px;border:1px solid #51416a;border-radius:10px;padding:12px;font:700 10px 'Segoe UI',sans-serif;color:#bfaee0}.auth-preview-footer>div span{margin-right:auto}.auth-preview-footer i{width:16px;height:9px;background:#876ad1;border-radius:3px}.auth-preview-footer i:nth-child(even){background:#76bcb7}.auth-preview-footer b{font-size:20px;color:#b597f6}.brand-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;direction:ltr;color:#8e81a5;font:700 10px 'Segoe UI',sans-serif;letter-spacing:.7px}
.auth-main{min-width:0;display:flex;flex-direction:column;min-height:100svh;align-items:center;padding:34px clamp(24px,5vw,72px);background:radial-gradient(circle at 55% 38%,#24183734,transparent 57%),#0c0a16}.auth-top-actions{width:min(100%,510px);display:flex;align-items:center;justify-content:flex-start;min-height:42px}.auth-back{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:#bbacd5;font-weight:650}.auth-back:hover{color:white}.auth-card{width:min(100%,510px);margin:auto;padding:36px 38px;border:1px solid #3a3051;border-radius:22px;background:#171226;box-shadow:0 18px 48px #0003}.mobile-brand{display:none}.auth-kicker{font-size:13px;font-weight:700;color:#bfa2fb;line-height:1.6}.auth-card h2{font-size:clamp(27px,2.1vw,35px);font-weight:800;line-height:1.52;margin:9px 0 6px;letter-spacing:-.2px}.auth-intro{font-size:14px;line-height:1.95;color:#aea5bf;margin:0 0 29px}.auth-form-grid{display:grid;gap:19px}.form-field{display:grid;gap:8px}.form-field label{font-size:14px;font-weight:650;color:#ede8f6}.form-field input{width:100%;height:52px;min-width:0;border:1px solid #534269;border-radius:11px;background:#0f0c1c;color:#f6f2ff;padding:0 15px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.form-field input:focus{border-color:#ac85ff;box-shadow:0 0 0 3px #976cff22}.form-field input::placeholder{color:#88809c;opacity:1}.form-field input[dir=ltr]{text-align:left}.password-wrap{position:relative}.password-wrap input{padding-inline-end:74px}.reveal{position:absolute;inset-inline-end:7px;top:7px;min-width:56px;height:38px;padding:0 7px;border:1px solid #51416c;border-radius:8px;background:#2b2243;color:#e0d1fc;font-size:12px;font-weight:600;cursor:pointer}.reveal:hover{background:#403158}.form-hint{display:block;font-size:12px;line-height:1.7;color:#a69bb8;margin-top:2px}.form-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;margin:0 0 1px}.check{display:flex;align-items:center;gap:8px;color:#b9adcb;cursor:pointer}.check input{accent-color:#a67dff;width:17px;height:17px}.inline-link,.auth-links a{color:#c6adff;font-weight:650}.inline-link:hover,.auth-links a:hover{text-decoration:underline}.submit-btn{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #af87ff;border-radius:11px;background:#8d5be9;color:white;font-size:15px;font-weight:750;cursor:pointer;transition:background .16s}.submit-btn:hover{background:#9b6bf3}.submit-btn:disabled{opacity:.65;cursor:wait}.submit-btn span:last-child{font:17px 'Segoe UI',sans-serif}.auth-links{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:27px;padding-top:21px;border-top:1px solid #392e4b;color:#ada1bc;font-size:13px}.auth-alert{font-size:13px;line-height:1.8;padding:14px;border-radius:10px;border:1px solid #995073;background:#341828;color:#ffd5e1;margin:0 0 21px}.auth-alert.success{border-color:#347866;background:#132e29;color:#a5ecdc}.auth-alert.info{border-color:#655289;background:#272038;color:#d8c7f9}.auth-security{display:flex;align-items:flex-start;gap:10px;margin-top:26px;font-size:12px;line-height:1.85;color:#998fac}.auth-shield{color:#bc9cfc;font-size:17px}.auth-footer{margin-top:20px;color:#8b829e;font:700 11px 'Segoe UI',sans-serif;letter-spacing:1px;text-align:center}.auth-dev{margin-top:20px}.text-button{background:none;border:0;padding:0;color:#c3aaff;font-size:13px;cursor:pointer}.mailbox-list{display:grid;gap:8px;margin-top:10px}.mail-item{padding:12px;border-radius:9px;border:1px solid #3d3055;background:#1f1931;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.mail-item a{color:#c6a6ff}.mail-item small{display:block;color:#a89dbb}.verify-panel{padding:18px;border:1px solid #44335f;background:#211a33;border-radius:12px;color:#d7cce8;line-height:1.85;font-size:14px}.verify-panel+.submit-btn{margin-top:17px}
@media(min-width:2400px){:root{font-size:18px}.auth-card{width:min(100%,640px);padding:50px}.auth-top-actions{width:min(100%,640px)}.brand-content{max-width:690px}.auth-brand-dashboard{max-width:690px}.auth-brand{padding-inline:6vw}.auth-card h2{font-size:40px}.form-field input{height:60px;font-size:17px}.form-field label{font-size:16px}.submit-btn{min-height:59px;font-size:17px}}
@media(max-width:1000px){.auth-shell{grid-template-columns:.85fr 1fr}.auth-brand{padding-inline:30px}.auth-main{padding:28px}.auth-card{padding:28px}.brand h1{font-size:33px}.auth-brand-dashboard{margin-top:26px}}
@media(max-width:780px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-main{min-height:100svh;padding:20px}.auth-card{margin:auto;max-width:550px;padding:28px}.auth-top-actions{max-width:550px}.mobile-brand{display:flex;align-items:center;direction:ltr;gap:10px;justify-content:flex-end;color:#fff;font:800 13px 'Segoe UI',sans-serif;letter-spacing:1px;margin-bottom:27px}.mobile-brand .brand-mark{width:35px;height:35px;font-size:22px}.auth-footer{font-size:10px}}
@media(max-width:420px){.auth-main{padding:16px}.auth-card{border-radius:17px;padding:24px 21px}.auth-card h2{font-size:27px}.auth-intro{font-size:13px}.form-field input{height:49px}.auth-links{font-size:12px}}
.password-wrap input[dir="ltr"]{padding-left:78px;padding-right:15px}
/* Keep the promotional pane to the left and the form to the right in Persian RTL. */
.auth-shell{direction:ltr}.auth-brand,.auth-main{direction:rtl}

/* ==============================================================
   Hakhamanesh Cosmic Auth — login, signup, recovery and verification.
   The form and its state remain unmodified; visual scenery only.
   ============================================================== */
body.auth-cosmic-page {
  isolation:isolate;
  background:#0c0822;
}
.auth-cosmic-page .auth-cosmos {
  z-index:0;
  background:
    radial-gradient(ellipse 46% 79% at 14% 45%,rgba(124,51,218,.34),transparent 92%),
    radial-gradient(ellipse 56% 70% at 87% 27%,rgba(66,69,158,.25),transparent 85%),
    linear-gradient(128deg,#100923 0%,#0d0a23 58%,#0b0b1e 100%);
}
.auth-cosmic-page .auth-cosmos::before {opacity:.95;}
.auth-cosmic-page .auth-shell {
  position:relative;z-index:1;
  /* Keep the established split layout and RTL input behavior unchanged. */
}
.auth-cosmic-page .auth-brand {
  background:linear-gradient(132deg,rgba(43,20,83,.43),rgba(23,14,53,.32) 52%,rgba(13,13,41,.28));
  border-left:1px solid rgba(196,155,255,.18);
  box-shadow:inset -1px 0 rgba(255,225,255,.03);
}
.auth-cosmic-page .auth-brand::before {
  content:"";position:absolute;pointer-events:none;
  inset:8% -22% auto auto;width:min(590px,80vw);aspect-ratio:1;
  border:1px solid rgba(217,157,255,.16);border-radius:50%;
  box-shadow:0 0 0 53px rgba(151,76,236,.035),0 0 0 129px rgba(144,85,224,.023),inset 0 0 70px rgba(190,105,249,.035);
  transform:rotate(-23deg);
  animation:auth-orbit-glide 24s ease-in-out infinite alternate;
}
.auth-cosmic-page .auth-brand::after {
  content:"";position:absolute;pointer-events:none;
  right:-30%;bottom:-36%;height:75%;width:110%;
  background:radial-gradient(ellipse,rgba(123,53,218,.19),transparent 68%);
  filter:blur(28px);
}
@keyframes auth-orbit-glide {from{opacity:.45;transform:translateY(-15px) rotate(-23deg)}to{opacity:.9;transform:translateY(20px) rotate(-10deg)}}
.auth-cosmic-page .brand,.auth-cosmic-page .brand-content,.auth-cosmic-page .brand-foot {position:relative;z-index:1;}
.auth-cosmic-page .brand-mark-eagle {
  flex:0 0 48px;width:48px;height:48px;padding:2px;
  border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%,#653b8f,#160d2b 80%);
  box-shadow:0 0 0 1px rgba(229,184,91,.52),0 0 28px rgba(156,85,239,.36);
  font-size:0;
}
.auth-cosmic-page .brand-mark-eagle img {display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;}
.auth-cosmic-page .brand h1 em {
  color:#d9b1ff;
  background:linear-gradient(100deg,#c7afff 10%,#eed4ff 61%,#e7be82);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.auth-cosmic-page .eyebrow-dot {background:#e9ba74;box-shadow:0 0 17px rgba(243,196,114,.6);}
.auth-cosmic-page .auth-brand-dashboard {
  position:relative;z-index:1;
  border:1px solid rgba(209,168,255,.39);
  background:linear-gradient(145deg,rgba(57,34,96,.67),rgba(22,16,52,.68));
  -webkit-backdrop-filter:blur(23px) saturate(145%);backdrop-filter:blur(23px) saturate(145%);
  box-shadow:0 22px 80px rgba(9,4,30,.33),inset 0 1px rgba(249,223,255,.09),0 0 39px rgba(159,80,236,.1);
}
.auth-cosmic-page .auth-preview-chart {background:repeating-linear-gradient(0deg,transparent 0,transparent 29px,rgba(233,211,255,.04) 30px),rgba(31,24,70,.43);}
.auth-cosmic-page .auth-preview-chart svg path:last-child {stroke-dasharray:750;stroke-dashoffset:0;animation:auth-chart-shimmer 20s ease-in-out infinite alternate;}
@keyframes auth-chart-shimmer {from{stroke-dashoffset:28;}to{stroke-dashoffset:-150;}}
.auth-cosmic-page .auth-main {
  position:relative;
  background:
    radial-gradient(ellipse 71% 48% at 50% 46%,rgba(81,45,148,.19),transparent 83%),
    linear-gradient(146deg,rgba(8,9,27,.46),rgba(17,12,42,.26));
}
.auth-cosmic-page .auth-card {
  position:relative;isolation:isolate;
  border:1px solid rgba(199,157,255,.38);
  background:linear-gradient(155deg,rgba(43,28,78,.79),rgba(21,17,49,.77) 54%,rgba(24,17,49,.82));
  -webkit-backdrop-filter:blur(27px) saturate(148%);backdrop-filter:blur(27px) saturate(148%);
  border-radius:25px;
  box-shadow:0 32px 92px rgba(3,2,17,.42),inset 0 1px rgba(250,238,255,.13),0 0 62px rgba(129,71,206,.1);
}
.auth-cosmic-page .auth-card::before {
  content:"";position:absolute;inset:0 19% auto;
  height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(251,220,167,.62),rgba(203,158,255,.58),transparent);
  filter:drop-shadow(0 0 7px rgba(220,171,255,.7));
}
.auth-cosmic-page .auth-kicker {color:#d6b4ff;}
.auth-cosmic-page .auth-intro {color:#c4b6da;}
.auth-cosmic-page .form-field input {
  background:rgba(12,10,33,.69);
  border-color:rgba(167,130,219,.48);
  color:#fff;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.auth-cosmic-page .form-field input:hover {border-color:rgba(198,163,252,.69);}
.auth-cosmic-page .form-field input:focus {background:rgba(14,10,37,.85);border-color:#bc92ff;box-shadow:0 0 0 3px rgba(174,122,255,.19),0 0 22px rgba(154,78,235,.13);}
.auth-cosmic-page .reveal {background:rgba(79,48,121,.41);border-color:rgba(191,152,245,.44);}
.auth-cosmic-page .submit-btn {
  background:linear-gradient(115deg,#ad72fa 0%,#844bea 63%,#7441d8 100%);
  border-color:rgba(218,183,255,.7);
  box-shadow:0 12px 32px rgba(111,56,208,.37),inset 0 1px rgba(255,255,255,.34);
  transition:transform .18s,box-shadow .18s,filter .18s;
}
.auth-cosmic-page .submit-btn:hover:enabled {filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 16px 39px rgba(111,56,208,.47);}
.auth-cosmic-page .auth-back {padding:7px 12px;border-radius:11px;border:1px solid rgba(196,151,255,.22);background:rgba(102,69,156,.14);backdrop-filter:blur(12px);}
.auth-cosmic-page .auth-back:hover {background:rgba(130,86,195,.25);border-color:rgba(207,168,255,.46);}
.auth-cosmic-page .auth-security {color:#b4a3d0;}
.auth-cosmic-page .auth-footer {color:#b6a4d0;}
@media(max-width:780px){
  .auth-cosmic-page .auth-main {background:radial-gradient(ellipse 91% 54% at 50% 27%,rgba(96,47,183,.21),transparent 83%),rgba(12,10,30,.23);}
  .auth-cosmic-page .auth-card {background:linear-gradient(145deg,rgba(37,23,71,.85),rgba(17,13,42,.85));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);}
  .auth-cosmic-page .mobile-brand .brand-mark-eagle {width:41px;height:41px;flex-basis:41px;}
}
@media(max-width:420px){.auth-cosmic-page .auth-card {border-radius:19px;}}
@media(prefers-reduced-motion:reduce){.auth-cosmic-page .auth-brand::before,.auth-cosmic-page .auth-preview-chart svg path:last-child{animation:none!important;}}