@font-face{font-family:Vazirmatn;src:url('./Vazirmatn.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{min-height:100%;background:#050d22}body{margin:0;color:#eaf0ff;font-family:Vazirmatn,sans-serif;min-height:100svh;display:grid;place-items:center;padding:40px 24px;background:radial-gradient(ellipse at 15% 15%,#122e694f,transparent 55%),#050d22}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(450px circle at var(--mx,70%) var(--my,35%),#276aff16,transparent 75%)}.shell{position:relative;display:grid;grid-template-columns:1fr 1.08fr;width:min(1120px,100%);min-height:710px;border:1px solid #ffffff14;border-radius:32px;overflow:hidden;box-shadow:0 36px 100px #0005;background:#0c1730}.welcome{padding:38px 54px 25px;display:flex;flex-direction:column}.brand{text-decoration:none;color:#f2f6ff;font-size:25px;font-weight:850;display:flex;align-items:center;gap:9px}.brand-dot{width:11px;height:11px;background:#3887ff;border-radius:3px;box-shadow:0 0 22px #3987ff88}.form-content{margin:auto 0;padding:40px 0 32px}.eyebrow{display:flex;align-items:center;gap:8px;color:#a7b9d8;font-size:12px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#68e0c5}h1{font-size:35px;margin:17px 0 7px;letter-spacing:-1px}.wave{color:#86acff;font-size:30px;margin-right:12px;display:inline-block}.intro{font-size:14px;color:#a7b9d8;margin:0 0 31px}label{display:block;font-size:13px;margin:19px 0 8px}input{font:inherit;width:100%;min-width:0;height:54px;background:#091329;color:#f4f7ff;border:1px solid #2b3c59;border-radius:12px;padding:0 16px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#679dff;box-shadow:0 0 0 4px #367bf322}input::placeholder{color:#7f91ae;font-size:12px}input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 100px #10203d inset}.password-wrap{position:relative}.password-wrap input{padding-left:52px}.password-wrap button{position:absolute;left:4px;top:5px;width:44px;height:44px;background:none;border:0;color:#97adcf;cursor:pointer;border-radius:8px;display:grid;place-items:center}.submit{width:100%;border:1px solid #649cff;background:linear-gradient(110deg,#2361db,#3b82f6);height:54px;border-radius:12px;color:white;font:inherit;font-weight:700;margin-top:28px;display:flex;align-items:center;justify-content:center;gap:30px;cursor:pointer;box-shadow:0 10px 30px #2163dd25;transition:transform .2s,filter .2s}.submit:hover{filter:brightness(1.12);transform:translateY(-2px)}button:focus-visible,a:focus-visible{outline:3px solid #9dbdff;outline-offset:4px}button:disabled{opacity:.65;cursor:wait}.help{font-size:11px;color:#9babca;text-align:center;line-height:2;margin:20px 0 0}footer{font-size:10px;color:#94a7c7;text-align:center}.lock{color:#8aabdc;margin-left:5px}.story{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:35px 42px 24px;background:linear-gradient(145deg,#103d9a,#062677 55%,#061c57);border-right:1px solid #ffffff14}.story-top,.story-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#c0d4ff;font-size:11px}.spark{font-size:30px}.logo-frame{width:100%;height:220px;margin:18px auto 3px;overflow:hidden;position:relative;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.logo-frame img{width:100%;height:auto;position:absolute;top:50%;transform:translateY(-50%);mix-blend-mode:screen}.story-copy{position:relative;z-index:2;margin-top:auto}.integration{display:flex;align-items:center;gap:9px;font-size:11px;color:#d7e4ff}.integration img{border-radius:8px}h2{font-size:34px;line-height:1.65;letter-spacing:-.8px;margin:17px 0 12px}.story-copy>p{font-size:13px;line-height:2.1;color:#c1d1ef}.features{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 34px}.features span{font-size:10px;padding:7px 10px;border:1px solid #ffffff24;border-radius:20px;background:#ffffff08}.story-bottom{font-size:9px;border-top:1px solid #ffffff1f;padding-top:20px}.story-bottom span:first-child{letter-spacing:4px;font-family:sans-serif}.orb{position:absolute;border:1px solid #ffffff0c;border-radius:50%;width:480px;height:480px;pointer-events:none;transition:transform 1s ease-out;transform:translate(calc(var(--dx,0px)*.45),calc(var(--dy,0px)*.45))}.one{top:-170px;left:-240px}.two{bottom:-300px;right:-150px;width:650px;height:650px;box-shadow:0 0 100px #3475ff22}.error{padding:12px;border:1px solid #fd8e9b55;background:#a9304820;color:#ffc2cc;font-size:12px;border-radius:10px}.wave{animation:shine 5s ease-in-out infinite}@keyframes shine{50%{transform:rotate(25deg);opacity:.65}}@media(max-width:760px){body{padding:16px;display:block}.shell{grid-template-columns:1fr;min-height:0;border-radius:24px;max-width:460px;margin:auto}.welcome{padding:26px 26px 22px}.brand{font-size:23px}.form-content{padding:34px 0 22px}h1{font-size:31px}.intro{margin-bottom:25px}.story{padding:23px 26px;border-right:0;border-top:1px solid #ffffff14}.story-top,.story-bottom,.logo-frame,.features,.story-copy>p,.orb{display:none}.story-copy{display:flex;flex-direction:column;gap:12px}.story-copy h2{font-size:20px;margin:0;order:-1}.story-copy h2 br{display:none}.integration{font-size:10px}.integration img{width:24px;height:24px}.help{font-size:10px}footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.ambient{display:none}}@media(max-width:350px){.welcome{padding:22px 18px}.story{padding:22px 18px}h1{font-size:28px}}