@font-face{font-family:Vazirmatn;src:url(assets/Vazirmatn.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{color-scheme:dark;font-family:Vazirmatn,Tahoma,sans-serif;color:#e9e6e9;background:#050405;--yellow:#ffe52b;--muted:#aaa6ae}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;overflow-x:hidden;padding:32px 24px}.backdrop{position:fixed;inset:0;width:100%;height:100%;z-index:-2}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 25%,#0005 100%);pointer-events:none;z-index:-1}.auth-shell{width:640px;height:596px;max-width:100%;position:relative;isolation:isolate}.glass-frame{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 20px 40px #0006);pointer-events:none}.auth-shell:before{content:"";position:absolute;inset:2px;clip-path:polygon(20% 0,100% 0,100% 74%,80% 100%,0 100%,0 21%);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);z-index:-1}.piece{position:absolute;width:98px;height:98px;filter:drop-shadow(0 3px 8px #0006);z-index:3;pointer-events:none}.piece svg{width:100%;height:100%;overflow:visible}.piece path{fill:#b1a7ba20;stroke:#c9c2aa;stroke-opacity:.6;stroke-width:1.6}.piece-one{top:0;left:-1px}.piece-two{bottom:0;right:-1px}.form-content{position:relative;width:100%;padding:35px 47px 38px;transition:opacity .24s,transform .24s}header{margin:0 38px 18px 0}h1{font-size:34px;font-weight:800;letter-spacing:-1.4px;line-height:1.5;margin:0}h1 span,h2 span{color:var(--yellow)}header p{color:var(--muted);font-size:13px;margin:0;line-height:1.9}.field{margin:0 0 13px}.field label{display:block;color:#c9c5ce;font-size:14px;font-weight:550;margin-bottom:6px}.input-wrap{display:flex;align-items:center;position:relative;border:1px solid #ffffff22;border-radius:14px;background:#ffffff06;box-shadow:inset 0 1px 2px #ffffff07,0 0 0 1px #0002;height:48px;transition:border-color .2s,background .2s}.input-wrap:focus-within{border-color:#ffe52b99;background:#ffffff09;box-shadow:0 0 0 3px #ffe52b09}.field-icon{width:20px;height:20px;fill:none;stroke:#8b8790;stroke-width:1.7;flex-shrink:0;margin:0 13px 0 10px}input{font:inherit;color:#eee;border:0;background:none;outline:none;min-width:0;width:100%;height:100%;font-size:14px;padding:0 0 0 16px}input[dir=ltr]{text-align:right}input::placeholder{color:#76717d;opacity:.8}.eye{height:100%;width:46px;display:grid;place-items:center;flex-shrink:0;background:none;border:0;color:#9e99a5;cursor:pointer}.eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}button:hover{filter:brightness(1.14)}.options{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-1px 0 14px;font-size:12px;color:var(--muted)}.remember{display:flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer}.remember input{accent-color:var(--yellow);width:18px;height:18px;margin:0;cursor:pointer}.text-button{background:transparent;color:var(--muted);border:0;padding:0;font-size:12px}.submit{width:100%;height:50px;border-radius:14px;background:linear-gradient(180deg,#fff04b,#ffdf08);border:1px solid #fff18b;box-shadow:0 5px 27px #ffdc0030,inset 0 1px 2px #fff9;color:#2c260d;display:flex;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s}.submit:hover{transform:translateY(-1px);box-shadow:0 7px 32px #ffdc0040}.submit:active{transform:translateY(1px)}.submit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.divider{display:flex;gap:15px;align-items:center;margin:13px 0;color:#827a74;font-size:11px}.divider:before,.divider:after{content:"";height:1px;background:linear-gradient(90deg,transparent,#9b845128);flex:1}.divider:after{transform:rotate(180deg)}.socials{display:flex;gap:13px}.socials button{flex:1;height:43px;border:1px solid #ffffff21;background:#ffffff06;box-shadow:inset 0 1px 2px #ffffff08;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;color:#dedbe0}.socials svg{width:20px;height:20px}.switch-copy{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;color:#b1abb5;margin:15px 0 0}.switch-copy button{border:0;background:none;color:#f2d85b;padding:0;font-weight:650}.merge-glow{position:absolute;left:50%;top:50%;width:70px;height:70px;transform:translate(-50%,-50%);background:#ffdf3838;filter:blur(32px);opacity:0;pointer-events:none}.transitioning .form-content{opacity:0;transform:translateY(8px);pointer-events:none}.transitioning .piece-one{animation:join-one 1.7s cubic-bezier(.65,0,.25,1) both}.transitioning .piece-two{animation:join-two 1.7s cubic-bezier(.65,0,.25,1) both}.transitioning .merge-glow{animation:flash 1.7s ease both}@keyframes join-one{0%,10%{transform:translate(0)}43%,65%{transform:translate(calc(var(--travel-x) - 5px),calc(var(--travel-y) - 5px))}to{transform:translate(0)}}@keyframes join-two{0%,10%{transform:translate(0)}43%,65%{transform:translate(calc(-1 * var(--travel-x) + 5px),calc(-1 * var(--travel-y) + 5px))}to{transform:translate(0)}}@keyframes flash{35%{opacity:0}52%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}70%{opacity:.5}to{opacity:0}}.signup .form-content{padding-top:27px}.signup header{margin-bottom:12px}.signup .field{margin-bottom:10px}.signup .options{margin-bottom:12px}.signup .divider{margin:10px 0}.signup .switch-copy{margin-top:13px}.signup h1{font-size:30px}.notice{position:absolute;bottom:38px;left:45px;right:45px;font-size:11px;text-align:center;line-height:1.8;color:#ebdb9d}.notice:empty{display:none}.sprite{position:absolute;width:0;height:0;overflow:hidden}dialog{background:#1b171fee;color:#eee;border:1px solid #8e816260;border-radius:24px;width:420px;max-width:calc(100% - 32px);padding:30px;box-shadow:0 30px 100px #000b;backdrop-filter:blur(25px)}dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}dialog h2{font-size:24px;margin:12px 0}dialog p{color:var(--muted);font-size:13px}dialog .input-wrap{margin:20px 0}dialog input{padding:0 16px}dialog .close{position:absolute;top:10px;left:15px;border:0;background:none;color:#aaa;font-size:26px}.reset-note{line-height:1.9;margin-bottom:0}.reset-note:empty{display:none}[hidden]{display:none!important}@media(min-width:1200px){.backdrop{transform:scale(1.08)}}@media(max-width:600px){body{padding:24px 16px}.auth-shell{height:596px}.form-content{padding:49px 27px 30px}header{margin-right:35px;margin-bottom:24px}h1{font-size:30px}header p{font-size:11px}.piece{width:76px;height:76px}.options,.text-button{font-size:10px}.signup .form-content{padding:36px 27px 30px}.signup header{margin-bottom:14px}.switch-copy{font-size:12px}.notice{left:30px;right:30px;bottom:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-delay:0ms!important}}body{grid-template-columns:minmax(0,1fr)}.auth-shell{width:min(640px,100%);min-width:0;justify-self:center}body{padding-bottom:145px;padding-top:70px}.demo-credentials{position:absolute;top:calc(100% + 20px);inset-inline:20px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:12px;color:#c9c4cd}.demo-credentials strong{color:#efdb80;font-weight:600}.demo-credentials button{background:transparent;color:#e4ce72;border:1px solid #d4bd5f55;border-radius:7px;padding:4px 12px;font-size:11px}.demo-credentials small{color:#9c959f;font-size:10px}.demo-credentials bdi{user-select:all}
