@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{font-family:Vazirmatn,Tahoma,sans-serif;color:#173425;background:#edf3ef;line-height:1.6;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px}.login-shell{min-height:100svh;display:grid;grid-template-columns:minmax(250px,360px) minmax(320px,480px);align-items:center;justify-content:center;gap:clamp(40px,8vw,120px);padding:clamp(24px,5vw,72px);background:radial-gradient(circle at 18% 20%,#315c46 0 1px,transparent 1px),linear-gradient(135deg,#10291d,#214b35);background-size:22px 22px,auto}.brand-intro{text-align:center;color:#fff}.brand-intro img{width:clamp(96px,13vw,150px);height:auto;filter:drop-shadow(0 16px 30px #07150e66)}.brand-intro p{margin:16px 0 0;font-size:16px;font-weight:600;color:#dce9e1}.login-card{width:100%;background:#fff;border:1px solid #dce7df;border-radius:28px;padding:clamp(24px,5vw,40px);box-shadow:0 28px 70px #07150e4d}.login-card header{margin-bottom:26px}.login-card h1{margin:0;font-size:28px;line-height:1.35}.login-card header p,.dialog-heading p{margin:7px 0 0;color:#637168;font-size:14px}.login-card form{display:grid;gap:8px}label{font-size:14px;font-weight:600}input{width:100%;min-height:52px;border:1px solid #cbd8d0;border-radius:14px;padding:0 14px;background:#fbfdfc;color:#173425;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#8a958e}input:hover{border-color:#8aa08f}input:focus-visible{border-color:#276d4b;box-shadow:0 0 0 4px #276d4b20}.password-heading{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.text-button{border:0;background:transparent;color:#276d4b;font:inherit;font-size:13px;font-weight:600;padding:6px;cursor:pointer}.text-button:hover{text-decoration:underline}.password-field{position:relative}.password-field input{padding-left:52px}.icon-button{position:absolute;left:4px;top:4px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:11px;background:transparent;color:#53675a;cursor:pointer}.icon-button:hover{background:#edf4ef}.icon-button svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8}.field-error{min-height:18px;color:#aa2d20;font-size:12px}.form-message{border-radius:12px;padding:10px 12px;background:#edf5ef;color:#245e40;font-size:13px}.form-message.error{background:#fff0ed;color:#9b2b20}.primary-button{min-height:52px;border:0;border-radius:14px;background:#173f2c;color:#fff;font:inherit;font-weight:700;cursor:pointer;margin-top:6px;transition:transform .15s,background .2s}.primary-button:hover{background:#215c3d}.primary-button:active{transform:translateY(1px)}.primary-button:focus-visible,.text-button:focus-visible,.icon-button:focus-visible,.close-button:focus-visible,a:focus-visible{outline:3px solid #e4a51c;outline-offset:2px}.primary-button:disabled{opacity:.65;cursor:wait}.divider{display:flex;align-items:center;gap:12px;color:#7b877f;font-size:13px;margin:22px 0 16px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e0e7e2}.google-button{min-height:44px;display:flex;justify-content:center}.claim-link{text-align:center;font-size:13px;margin:22px 0 0}.claim-link a{color:#246b48;font-weight:700}.support-note{text-align:center;color:#718078;font-size:11px;margin:15px 0 0}dialog{width:min(calc(100% - 32px),450px);border:0;border-radius:24px;padding:0;box-shadow:0 28px 90px #0a191166}dialog::backdrop{background:#0b1f1680;backdrop-filter:blur(3px)}dialog form{padding:26px;display:grid;gap:12px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:4px}.dialog-heading h2{font-size:21px;margin:0}.close-button{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:#edf3ef;color:#315b44;font:30px/1 Vazirmatn;cursor:pointer}
@media(max-width:780px){.login-shell{grid-template-columns:1fr;gap:20px;padding:20px 16px 32px;align-content:center}.brand-intro img{width:88px}.brand-intro p{font-size:13px;margin-top:6px}.login-card{max-width:480px;margin:auto;border-radius:24px;padding:24px}.login-card h1{font-size:24px}.login-card header{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
