@font-face{font-family:Vazirmatn;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Vazirmatn-Regular.woff2) format("woff2")}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/Vazirmatn-Medium.woff2) format("woff2")}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/Vazirmatn-SemiBold.woff2) format("woff2")}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/Vazirmatn-Bold.woff2) format("woff2")}:root{color-scheme:dark;font-family:Vazirmatn,Tahoma,sans-serif;background:#111216;color:#f5f2e7;font-synthesis:none;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #f4d387;outline-offset:7px}.scene{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;background:#111216;isolation:isolate;transition:background 1.4s ease}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.ambient{position:absolute;inset:-30%;background:radial-gradient(ellipse at 44% 46%,#ae934534 0%,#9a813b1b 24%,transparent 56%);opacity:0;transition:opacity 1.6s ease;pointer-events:none}.composition{direction:ltr;display:flex;align-items:center;gap:83px;width:610px;position:relative;transform:translateY(-6px)}.lamp-area{position:relative;width:220px;height:360px;flex-shrink:0}.lamp{position:absolute;width:220px;height:330px;top:12px;left:0;overflow:visible;z-index:2}.shade{transition:filter 1s ease}.lamp-glow{position:absolute;z-index:0;left:-120px;top:-65px;width:460px;height:360px;background:radial-gradient(ellipse,#fff2ad42,#e6ce6821 25%,transparent 66%);opacity:0;transition:opacity 1.2s ease;pointer-events:none}.light-cone{position:absolute;top:111px;left:-55px;width:330px;height:295px;background:linear-gradient(#ffec9f13,transparent);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);filter:blur(18px);opacity:0;transition:opacity 1.3s ease;pointer-events:none}.rope{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:3;pointer-events:none}.rope path{fill:none;stroke:#bdb08b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 1px 1px #0003)}.pull{position:absolute;z-index:4;left:0;top:0;width:44px;height:44px;transform:translate(calc(var(--tip-x,159px) - 22px),calc(var(--tip-y,212px) - 22px));padding:0;border:0;border-radius:50%;background:none;cursor:grab;touch-action:none;user-select:none;outline-offset:0!important;will-change:transform}.pull.dragging{cursor:grabbing}.knob{position:absolute;top:15px;left:15px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e8c583,#b38b4e 70%);box-shadow:0 2px 5px #0004;transition:box-shadow .3s}.pull:hover .knob{box-shadow:0 0 15px #e7bc6660}.hint{direction:rtl;position:absolute;top:363px;left:-40px;width:300px;text-align:center;font-size:12px;color:#99968c;line-height:2;transition:opacity .6s,transform .8s var(--ease);margin:0}.hint span{display:block;font-size:10px;color:#605f5c;letter-spacing:.1px}.login-card{direction:rtl;position:relative;width:304px;flex-shrink:0;padding:33px 30px 27px;border-radius:26px;border:1px solid #ffffff0b;background:linear-gradient(135deg,#ffffff0b,#ffffff05);box-shadow:0 22px 55px #0003,inset 0 1px #ffffff05;backdrop-filter:blur(20px);opacity:0;transform:translateY(26px) scale(.96);filter:blur(8px);visibility:hidden;transition:opacity .7s ease,transform 1s var(--ease),filter 1s ease,visibility 1s;pointer-events:none}.login-card header{text-align:center;margin-bottom:29px}h1{font-size:22px;font-weight:700;margin:0 0 7px}header p{font-size:11px;margin:0;color:#c4bd9e99}.field{margin-bottom:18px}.field label{display:block;font-size:10px;color:#c8c2ad;margin-bottom:7px}.field input{width:100%;height:43px;background:#ffffff07;color:#f4eedb;border:1px solid #ddd1aa26;border-radius:9px;padding:0 12px;font-size:11px;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.field input::placeholder{color:#b3ad9b66;font-size:10px}.field input:focus{border-color:#d4b97899;box-shadow:0 0 0 3px #e5c4760b;background:#ffffff0c}.password-wrap{position:relative}.password-wrap input{padding-left:40px}.eye{position:absolute;left:8px;top:9px;width:26px;height:26px;display:grid;place-items:center;border:0;color:#bcb49b80;background:none;cursor:pointer}.eye:hover{color:#f2d696}.form-options{display:flex;margin:0 0 23px}.remember{display:flex;align-items:center;gap:7px;font-size:10px;color:#b7b09d;cursor:pointer}.remember input{width:12px;height:12px;accent-color:#d8bc78;margin:0}.submit{width:100%;height:43px;border:1px solid #f5dfab55;border-radius:9px;background:linear-gradient(112deg,#b78d41,#e5c375 21%,#fff0b6 45%,#e4c170 64%,#c29a4e);color:#51401d;display:flex;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:700;box-shadow:0 3px 20px #d7ae5a16,inset 0 1px 1px #fff7;cursor:pointer;position:relative;overflow:hidden;transition:box-shadow .3s,transform .3s}.submit:before{content:"";position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 40%,#fff7 50%,transparent 60%);transform:translate(-70%)}.submit:hover:before{transform:translate(70%);transition:transform .9s}.submit:hover{box-shadow:0 4px 24px #d7ae5a44;transform:translateY(-1px)}.submit:active{transform:translateY(1px)}.status{font-size:10px;line-height:1.9;color:#dacb9f;text-align:center;margin:0}.status:not(:empty){margin-top:15px}.footer-hint{position:absolute;bottom:28px;font-size:10px;color:#7e796b;opacity:0;letter-spacing:.1px;transition:opacity 1s;direction:rtl}.is-on .scene{background:#24251f}.is-on .ambient,.is-on .lamp-glow,.is-on .light-cone{opacity:1}.is-on .shade{filter:drop-shadow(0 0 9px #fff7bd70)}.is-on .login-card{opacity:1;transform:translateY(0) scale(1);filter:blur(0);visibility:visible;pointer-events:auto;transition-delay:.16s}.is-on .hint{opacity:0;transform:translateY(8px);pointer-events:none}.is-on .footer-hint{opacity:.6;transition-delay:.7s}.is-on .knob{box-shadow:0 0 10px #dfb35133}@media(min-width:1500px){.composition{transform:scale(1.12) translateY(-6px)}}@media(max-width:680px){.composition{width:350px;gap:13px}.lamp-area{width:125px;height:270px}.lamp{width:150px;height:225px;left:-10px;top:23px}.knob{width:12px;height:12px;top:16px;left:16px}.login-card{width:212px;padding:27px 19px 22px;border-radius:22px}h1{font-size:19px}.login-card header{margin-bottom:23px}header p{font-size:9px}.lamp-glow{left:-144px;top:-70px;width:400px}.light-cone{left:-50px;top:99px;width:230px;height:210px}.hint{left:-50px;top:278px;width:240px;font-size:11px}.hint span{font-size:9px}.field input{font-size:10px;padding-right:9px}.field input::placeholder{font-size:8px}.footer-hint{bottom:22px;font-size:9px}}@media(max-width:359px){.composition{transform:scale(.88);width:350px}}@media(prefers-reduced-motion:reduce){*,*:before{transition-duration:.01ms!important;animation-duration:.01ms!important}.login-card{filter:none}}.demo-access{display:grid;gap:4px;margin-top:19px;padding-top:14px;border-top:1px solid #ddd1aa1c;color:#c8c2ad;font-size:9px;line-height:1.8}.demo-access strong{font-size:10px;font-weight:500;color:#ddceab}.demo-access bdi{color:#ddd3bb;font-size:10px;letter-spacing:.1px}.demo-access button{justify-self:start;border:0;border-bottom:1px dotted #c4a76a66;padding:3px 0 0;background:none;color:#d7bd83;font-size:9px;cursor:pointer}.scene{min-height:calc(100svh - var(--ml-demo-bar-height,0px))}.scene{overflow:clip;min-height:max(620px,calc(100svh - var(--ml-demo-bar-height,0px)))}