.login-overlay-page{z-index:10;background:color-mix(in oklab,var(--ink) 58%, transparent);-webkit-backdrop-filter:blur(8px);animation:overlayIn .45s var(--ease-cine) both;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.login-modal{background:var(--cream);width:100%;max-width:440px;color:var(--ink);animation:modalIn .5s var(--ease-cine) both;scrollbar-width:none;-ms-overflow-style:none;border:1px solid #14111014;border-radius:28px;max-height:calc(100vh - 48px);padding:40px 38px 34px;position:relative;overflow:auto;box-shadow:0 50px 120px #082a2847}.login-modal::-webkit-scrollbar{display:none}@keyframes modalIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}.login-close{width:38px;height:38px;color:var(--ink-3);cursor:pointer;transition:all .3s var(--ease-cine);background:0 0;border:1px solid #1411101f;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:18px;right:18px}.login-close:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}.login-brand{align-items:center;gap:10px;margin-bottom:6px;display:flex}.login-brand img{width:auto;height:44px;display:block}.login-brand-name{font-family:var(--font-brand);letter-spacing:-.01em;color:var(--ink);font-size:24px;font-weight:300}.login-modal h3{font-family:var(--font-brand);letter-spacing:-.01em;color:var(--ink);margin:18px 0 6px;font-size:30px;font-weight:300;line-height:1.06}.login-modal h3 em{color:var(--green-deep);font-style:italic}.login-modal .lsub{color:var(--ink-3);margin:0 0 24px;font-size:13.5px;font-weight:300;line-height:1.5}.login-mode{gap:10px;width:100%;margin:0;display:grid}.login-mode button{cursor:pointer;letter-spacing:.01em;color:var(--ink-2);transition:all .35s var(--ease-cine);background:#fff;border:1px solid #14111024;border-radius:14px;padding:16px 0;font-family:inherit;font-size:14px;font-weight:600;position:relative}.login-mode button:hover{border-color:var(--ink);background:var(--cream-2)}.login-mode button:first-child{background:var(--ink);border-color:var(--ink);color:var(--cream);box-shadow:0 6px 20px -8px #14111080}.login-mode button:first-child:hover{background:var(--ink)}.login-back{font:inherit;color:var(--ink-3);cursor:pointer;transition:color .3s var(--ease-cine);background:0 0;border:none;margin:14px 0 0;padding:0;font-size:12.5px;font-weight:500}.login-back:hover{color:var(--ink)}.login-role{background:var(--cream-3);border:1px solid #1411100f;border-radius:999px;width:100%;margin-bottom:26px;padding:4px;display:inline-flex}.login-role button{cursor:pointer;color:var(--ink-3);letter-spacing:.02em;transition:color .4s var(--ease-cine),background .55s var(--ease-cine);background:0 0;border:none;border-radius:999px;flex:1;padding:11px 0;font-family:inherit;font-size:13px;font-weight:500}.login-role button.active{background:var(--ink);color:var(--cream)}.login-steps{align-items:center;gap:8px;margin:0 0 26px;display:flex}.login-step{flex:1;align-items:center;gap:8px;display:flex}.login-step:not(:last-child):after{content:"";height:1px;transition:background .4s var(--ease-cine);background:#1411101f;flex:1}.login-step.done:not(:last-child):after{background:var(--ink)}.login-step-dot{width:24px;height:24px;color:var(--ink-3);transition:all .4s var(--ease-cine);background:#fff;border:1px solid #14111029;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.login-step.active .login-step-dot,.login-step.done .login-step-dot{border-color:var(--ink);background:var(--ink);color:var(--cream)}.login-step-label{letter-spacing:.02em;color:var(--ink-3);white-space:nowrap;transition:color .4s var(--ease-cine);font-size:12px;font-weight:500}.login-step.active .login-step-label{color:var(--ink)}@media (max-width:420px){.login-step-label{display:none}}.login-modal .field{margin-bottom:22px;position:relative}.login-modal .field label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;font-size:11px;font-weight:500;display:block}.login-modal .req{color:var(--green-deep)}.login-modal .input{width:100%;color:var(--ink);transition:border-color .35s var(--ease-cine), box-shadow .35s var(--ease-cine), background .35s;background:#fff;border:1px solid #1411101f;border-radius:14px;outline:none;padding:15px 18px;font-family:inherit;font-size:15px;font-weight:300}.login-modal .input::placeholder{color:var(--ink-soft)}.login-modal .input:focus{border-color:var(--green-deep);box-shadow:0 0 0 4px color-mix(in oklab,var(--green-deep) 14%, transparent)}.login-modal .field.error .input{border-color:#c0492f;box-shadow:0 0 0 4px #c0492f1f;box-shadow:0 0 0 4px lab(47.85% 47.6291 40.9338/.12)}.login-modal .err-msg{color:#c0492f;letter-spacing:.01em;margin-top:8px;font-size:12px;font-weight:400;display:none}.login-modal .field.error .err-msg{display:block}.login-modal .field-phone{grid-template-columns:96px 1fr;gap:0;display:grid}.login-modal .field-phone .cc{background:var(--cream-3);color:var(--ink-2);border:1px solid #1411101f;border-right:none;border-radius:14px 0 0 14px;justify-content:center;align-items:center;font-size:14px;font-weight:400;display:flex}.login-modal .field-phone .input{border-radius:0 14px 14px 0}.login-modal .btn-lg{padding:16px 30px;font-size:14px}.login-modal .btn-primary{background:var(--ink);border-color:var(--ink);width:100%;color:var(--cream);justify-content:center;margin-top:6px}.login-modal .btn-primary:hover{background:var(--green-deep);border-color:var(--green-deep);color:#fff}.login-modal .btn-primary:disabled{opacity:.6;cursor:default;transform:none}.login-or{color:var(--ink-soft);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:14px;margin:22px 0;font-size:11px;font-weight:500;display:flex}.login-or:before,.login-or:after{content:"";background:#1411101a;flex:1;height:1px}.login-alt{flex-direction:column;gap:10px;display:flex}.login-alt button{width:100%;color:var(--ink-2);cursor:pointer;transition:all .35s var(--ease-cine);background:#fff;border:1px solid #14111024;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-family:inherit;font-size:13.5px;font-weight:500;display:inline-flex}.login-alt button:hover{border-color:var(--ink);background:var(--cream-2)}.login-foot{color:var(--ink-3);text-align:center;margin:22px 0 0;font-size:12px;line-height:1.55}.login-foot a,.login-foot button.linky{color:var(--green-deep);font-weight:500;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.login-success{text-align:center;animation:popIn .7s var(--ease-cine);padding:8px 4px 6px}@keyframes popIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}.login-success .tick{background:color-mix(in oklab,var(--green-deep) 14%, transparent);border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;margin:0 auto 20px;display:flex}.login-success .tick svg{width:30px;height:30px}.login-success h3{margin-top:0}@media (max-width:520px){.login-modal{border-radius:24px;padding:32px 24px 28px}}@media (display-mode:standalone){.login-overlay-page{background:var(--cream);-webkit-backdrop-filter:none}.login-close{display:none}.login-modal{box-shadow:0 30px 80px #082a281a}.login-brand{flex-direction:column;justify-content:center;gap:12px;margin-bottom:14px}.login-brand img{height:84px}.login-modal h3,.login-modal .lsub{text-align:center}}@media (display-mode:standalone) and (max-width:640px){.login-overlay-page{align-items:stretch;padding:0}.login-modal{max-width:none;min-height:100dvh;max-height:none;box-shadow:none;padding:calc(env(safe-area-inset-top) + 48px) 28px calc(env(safe-area-inset-bottom) + 40px);border:none;border-radius:0;flex-direction:column;justify-content:center;display:flex}}@media (prefers-reduced-motion:reduce){.login-overlay-page,.login-modal,.login-success{animation:none}}