*{box-sizing:border-box}html{background:#080c12}body{margin:0;font-family:Vazirmatn,system-ui,sans-serif;color:#f4f3ed;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.auth-page{--accent:#edca84;--accent-rgb:237,202,132;--accent-dim:#3c3120;position:relative;isolation:isolate;overflow:hidden;min-height:100svh;padding:30px 30px 20px;background:#080c12;transition:background .6s}.auth-page[data-mode=gram]{--accent:#88dbc4;--accent-rgb:136,219,196;--accent-dim:#183e37}.auth-page[data-mode=factory]{--accent:#9fbbff;--accent-rgb:159,187,255;--accent-dim:#26395e}.auth-page[data-mode=developer]{--accent:#d6b0f9;--accent-rgb:214,176,249;--accent-dim:#422c57}.auth-ambient{position:absolute;z-index:-1;border-radius:50%;background:rgba(var(--accent-rgb),.10);filter:blur(100px);transition:background .65s;pointer-events:none;animation:ambientDrift 18s ease-in-out infinite alternate}.ambient-one{width:65vw;height:65vw;right:-30vw;top:-30vw}.ambient-two{width:50vw;height:50vw;left:-28vw;bottom:-20vw;opacity:.7;animation-delay:-8s}.auth-grain{position:absolute;inset:0;z-index:-1;opacity:.17;pointer-events:none;background-image:radial-gradient(#7e8390 .6px,transparent .6px);background-size:5px 5px;mask-image:linear-gradient(#000,transparent)}
.auth-top{max-width:1050px;margin:0 auto 32px;display:flex;align-items:center;justify-content:space-between}.auth-brand{display:flex;align-items:center;gap:10px}.auth-brand>svg{color:var(--accent);width:38px;height:38px;transition:color .5s}.auth-brand>span{font:500 27px/1.1 Georgia,serif;letter-spacing:-1px}.auth-brand>span>span{color:var(--accent);transition:color .5s}.auth-brand small{display:block;letter-spacing:2.1px;font:8px/2.5 system-ui,sans-serif;color:#87909d}.auth-top-link{color:#aab1bc;font-size:12px;display:flex;gap:12px;align-items:center;padding:8px 0}.auth-top-link span{font:22px system-ui;color:var(--accent)}
.auth-shell{max-width:1000px;min-height:520px;margin:auto;display:grid;grid-template-columns:1fr .96fr;border:1px solid #ffffff14;border-radius:25px;overflow:hidden;background:#11171edb;box-shadow:0 35px 110px #0005,inset 0 1px #ffffff06;animation:arrive .8s cubic-bezier(.2,.75,.25,1) both}.auth-form-panel{padding:42px 42px 24px;position:relative;z-index:2}.auth-kicker{display:flex;align-items:center;gap:8px;color:#a9b1bc;font-size:10px}.auth-kicker>span{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.6)}.auth-kicker b{margin-right:auto;letter-spacing:2px;color:var(--accent);font:9px system-ui}.auth-heading{margin:30px 0 29px}.auth-heading h1{font-size:27px;font-weight:800;letter-spacing:-.9px;margin:0 0 9px}.auth-heading p{color:#919ba9;font-size:12px;margin:0;line-height:1.9}.auth-field{margin-bottom:20px}.auth-field label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#cbd1d9;margin:0 0 9px}.auth-field label small{color:#606f80;letter-spacing:1.6px;font:8px system-ui}.auth-input{display:flex;align-items:center;gap:12px;border:1px solid #ffffff15;border-radius:12px;background:#080d1459;min-height:54px;padding:0 15px;transition:border-color .2s,box-shadow .2s,background .2s}.auth-input:focus-within{border-color:rgba(var(--accent-rgb),.6);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.07);background:#0b121b}.auth-input>svg{width:18px;height:18px;flex:none;color:#6f7c8e}.auth-input input{background:none;border:0;outline:0;color:#f6f4ee;width:100%;min-width:0;height:52px;direction:ltr;text-align:right;font-size:13px}.auth-input input::placeholder{color:#626d7d;direction:rtl}.auth-input input:-webkit-autofill{-webkit-text-fill-color:#f4f3ed;transition:background-color 100000s}.auth-eye{border:0;background:none;color:#6f7c8e;padding:8px;margin-left:-7px;flex:none;border-radius:7px;transition:color .2s}.auth-eye svg{width:20px;height:20px}.auth-eye:hover,.auth-eye[aria-pressed=true]{color:var(--accent)}.eye-slash{display:none}.auth-eye[aria-pressed=true] .eye-slash{display:block}.auth-secret{animation:fieldIn .35s ease both}.auth-submit{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #ffffff18;border-radius:12px;padding:16px 19px;margin-top:28px;color:#0d1519;background:var(--accent);box-shadow:0 10px 30px rgba(var(--accent-rgb),.10);font-weight:800;font-size:13px;transition:background .5s,box-shadow .25s,transform .25s}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(var(--accent-rgb),.20)}.auth-submit svg{width:20px;height:20px;transition:transform .25s}.auth-submit:hover svg{transform:translateX(-4px)}.auth-form-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#788392;font-size:10px;line-height:2;margin:18px 0 0}.auth-form-note svg{width:13px;height:13px;flex:none}.auth-error{padding:12px;border:1px solid #f5988840;background:#f5988810;border-radius:10px;color:#ffb6a9;font-size:12px;line-height:1.9;margin-bottom:20px}
.auth-art{position:relative;overflow:hidden;background:linear-gradient(150deg,#ffffff02,#ffffff00),#0c131b;border-right:1px solid #ffffff09;min-height:520px;direction:ltr;color:var(--accent);transition:color .6s}.auth-art::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,rgba(var(--accent-rgb),.13),transparent 63%);transition:background .6s}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.art-label{position:absolute;top:29px;left:27px;right:27px;display:flex;justify-content:space-between;font:8px system-ui;letter-spacing:1.4px;color:#697585}.art-label b{font-weight:400;color:var(--accent)}.art-orbit{position:absolute;left:50%;top:35%;border:1px solid rgba(var(--accent-rgb),.18);border-radius:50%;transform:translate(-50%,-50%);transition:border-color .5s}.orbit-a{width:250px;height:250px;animation:orbit 28s linear infinite}.orbit-a::after{content:"";position:absolute;top:32px;left:31px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}.orbit-b{width:322px;height:322px;border-style:dashed;border-color:rgba(var(--accent-rgb),.09);animation:orbit 70s linear infinite reverse}.orbit-c{width:190px;height:190px;border-color:rgba(var(--accent-rgb),.08)}.art-gem{position:absolute;width:152px;left:50%;top:35%;transform:translate(-50%,-50%);animation:gemFloat 7s ease-in-out infinite}.art-gem>svg{width:100%;height:auto;stroke-width:.85;filter:drop-shadow(0 8px 26px rgba(var(--accent-rgb),.17))}.art-gem>span{position:absolute;top:41%;left:0;right:0;text-align:center;font:32px/1 Georgia,serif;letter-spacing:2px}.art-gem>span>span{font-size:13px}.art-caption{position:absolute;right:34px;left:34px;bottom:73px;text-align:center;direction:rtl}.art-caption small{font-size:10px;color:#8a96a4;letter-spacing:.2px}.art-caption h2{color:#eeeae1;font-size:30px;line-height:1.75;letter-spacing:-1px;font-weight:400;margin:10px 0 8px}.art-caption em{font-style:normal;color:var(--accent);font-weight:800;transition:color .5s}.art-caption p{font-size:10px;color:#8c99a9;line-height:1.8;min-height:18px}.art-bottom{position:absolute;bottom:23px;left:28px;right:28px;display:flex;align-items:center;gap:13px;font:7px system-ui;letter-spacing:1px;color:#657284}.art-bottom i{height:1px;background:#ffffff12;flex:1}.art-bottom b{font:italic 16px Georgia;color:var(--accent)}
.auth-bottom{max-width:1000px;margin:26px auto 0;animation:arrive 1s .1s both}.auth-switch-title{display:flex;align-items:center;gap:14px;font-size:10px;color:#86919e;margin:0 5px 13px}.auth-switch-title i{height:1px;background:#ffffff0d;flex:1}.auth-switch-title small{font:8px system-ui;letter-spacing:1.8px;color:#626f80}.auth-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.auth-mode{position:relative;display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid #ffffff12;border-radius:13px;background:#101720a6;color:#a3adbb;transition:transform .25s,border-color .4s,background .4s,box-shadow .4s}.auth-mode:hover{transform:translateY(-3px);border-color:#ffffff30;background:#17202b}.mode-icon{width:38px;height:38px;border-radius:10px;background:#ffffff04;display:grid;place-items:center;flex:none;transition:background .4s,color .4s}.mode-icon svg{width:23px;height:23px}.auth-mode>span:nth-child(2){font-size:13px;font-weight:600}.auth-mode small{display:block;font:8px/1.9 system-ui;letter-spacing:1.2px;margin-top:4px;color:#67768a}.mode-dot{height:5px;width:5px;border-radius:50%;background:#3d4856;margin-right:auto;transition:background .4s,box-shadow .4s}.auth-mode[aria-current=page]{color:var(--accent);border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.065);box-shadow:0 0 28px rgba(var(--accent-rgb),.035)}.auth-mode[aria-current=page] .mode-icon{background:rgba(var(--accent-rgb),.08)}.auth-mode[aria-current=page] .mode-dot{background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.5)}.auth-mode[aria-current=page] small{color:var(--accent);opacity:.7}.auth-showroom{display:flex;gap:16px;align-items:center;position:relative;overflow:hidden;border:1px solid #ffffff14;border-radius:14px;padding:16px 22px;margin-top:17px;background:linear-gradient(110deg,#141d29,#111924);transition:border-color .3s,transform .3s}.auth-showroom::before{content:"";position:absolute;inset:-100% -50%;transform:translateX(100%) rotate(20deg);background:linear-gradient(90deg,transparent,#ffffff06,transparent);transition:transform .8s}.auth-showroom:hover{border-color:rgba(var(--accent-rgb),.45);transform:translateY(-2px)}.auth-showroom:hover::before{transform:translateX(-100%) rotate(20deg)}.showroom-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;background:#ffffff05;border-radius:11px;color:var(--accent)}.auth-showroom b{font-size:13px;font-weight:600}.auth-showroom small{display:block;color:#7d8b9d;font-size:10px;margin-top:4px}.showroom-arrow{font:28px system-ui;margin-right:auto;color:var(--accent);transition:transform .3s}.auth-showroom:hover .showroom-arrow{transform:translate(-4px,-4px)}.auth-copyright{text-align:center;color:#556173;font-size:9px;margin:22px 0 0}.auth-copyright>span{color:#9ba2ae}
.is-switching .auth-heading,.is-switching .art-caption{animation:modeIn .5s both}.is-switching .art-gem>svg{animation:gemTurn .5s ease both}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fieldIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes modeIn{0%{opacity:.3;transform:translateY(7px)}100%{opacity:1;transform:none}}@keyframes gemTurn{from{transform:rotateY(-25deg) scale(.94)}to{transform:rotateY(0) scale(1)}}@keyframes gemFloat{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-54%)}}@keyframes orbit{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ambientDrift{to{transform:translate(6%,8%) scale(1.1)}}
@media(min-width:1500px){.auth-page{padding-top:45px}.auth-top{margin-bottom:48px}.auth-shell{min-height:550px}.auth-form-panel{padding:48px}.auth-art{min-height:550px}.auth-heading{margin:38px 0 32px}.auth-bottom{margin-top:30px}}@media(max-width:800px){.auth-page{padding:22px}.auth-form-panel{padding:32px 25px 23px}.auth-heading h1{font-size:23px}.auth-art{min-height:500px}.auth-shell{min-height:500px}.art-caption h2{font-size:25px}.auth-mode{padding:13px 12px;gap:8px}.mode-icon{width:30px;height:34px}.mode-icon svg{width:20px}.mode-dot{display:none}}
@media(max-width:600px){.auth-page{padding:21px 17px 17px}.auth-top{margin-bottom:24px}.auth-brand>svg{width:32px;height:32px}.auth-brand>span{font-size:24px}.auth-top-link{font-size:11px}.auth-shell{display:block;min-height:0;border-radius:21px}.auth-art{display:none}.auth-form-panel{padding:27px 24px 24px}.auth-heading{margin:24px 0 27px}.auth-heading h1{font-size:25px}.auth-input{min-height:52px}.auth-input input{height:50px}.auth-submit{margin-top:25px}.auth-bottom{margin-top:24px}.auth-modes{grid-template-columns:repeat(2,1fr);gap:10px}.auth-mode{padding:13px 15px;gap:13px}.mode-dot{display:block}.mode-icon{width:33px;height:33px}.auth-showroom{padding:15px;gap:12px}.auth-showroom b{font-size:12px}.auth-showroom small{font-size:9px}.auth-switch-title small{font-size:7px;letter-spacing:1px}.auth-form-note{font-size:9px}.auth-copyright{margin-top:20px}.ambient-one{width:110vw;height:110vw}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}