:root{--teal: #34c5b7;--teal-d: #149383;--ring: #e6e8ee;--text: #0f172a;--muted: #9ca3af}.login-wrap.svelte-1x05zx6{display:grid;grid-template-columns:1fr 40%;min-height:100vh}.left.svelte-1x05zx6{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 32px}.card.svelte-1x05zx6{width:min(560px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:44px 48px;box-shadow:0 20px 50px #0f172a14;display:flex;flex-direction:column;align-items:center}.logos.svelte-1x05zx6{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:22px}.left.svelte-1x05zx6 img:where(.svelte-1x05zx6){object-fit:contain}.logo-main.svelte-1x05zx6{height:44px}.logo-sub.svelte-1x05zx6{height:36px}.title.svelte-1x05zx6{margin:4px 0 6px;font-weight:600;text-align:center;color:#0f9b8e;font-size:30px;line-height:1.2;letter-spacing:-.2px}.subtitle.svelte-1x05zx6{font-size:14px;color:#64748b;text-align:center;margin:0 0 26px;max-width:420px}.form-layout.svelte-1x05zx6{width:min(560px,100%);display:grid;gap:16px}.field.svelte-1x05zx6{display:grid;gap:6px}.field.svelte-1x05zx6 span:where(.svelte-1x05zx6){font-size:13px;font-weight:600;color:#334155}input.svelte-1x05zx6{height:52px;padding:0 16px 0 46px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 2px 8px #0f172a0a;font-size:16px;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input.svelte-1x05zx6:focus{outline:none;border-color:var(--teal-d);box-shadow:0 0 0 3px #14938326}input.svelte-1x05zx6::placeholder{color:var(--muted)}input[name=email].svelte-1x05zx6,input[type=email].svelte-1x05zx6{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%239ca3af' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center}input[name=password].svelte-1x05zx6{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%239ca3af' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect x='3' y='11' width='18' height='10' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 1 1 10 0v4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center}button[type=submit].svelte-1x05zx6{height:56px;border:none;cursor:pointer;border-radius:9999px;font-weight:700;font-size:16px;letter-spacing:.3px;color:#fff;background:linear-gradient(180deg,var(--teal),var(--teal-d));display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;box-shadow:0 6px 18px #14938340;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}button[type=submit].svelte-1x05zx6:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #14938352;filter:brightness(1.03)}button[type=submit].svelte-1x05zx6:active:not(:disabled){transform:translateY(0);filter:brightness(.95);box-shadow:0 4px 12px #14938347}button[type=submit].svelte-1x05zx6:disabled{opacity:.7;cursor:not-allowed}.spinner.svelte-1x05zx6{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:svelte-1x05zx6-spin .7s linear infinite;flex-shrink:0}@keyframes svelte-1x05zx6-spin{to{transform:rotate(360deg)}}.links.svelte-1x05zx6{margin-top:18px;text-align:center}.link-btn.svelte-1x05zx6{background:none;border:none;color:var(--teal-d);text-decoration:underline;cursor:pointer;font-size:14px}.link-btn.svelte-1x05zx6:disabled{color:#9ca3af;text-decoration:none;cursor:not-allowed}.footer-note.svelte-1x05zx6,.error-msg.svelte-1x05zx6{margin-top:16px;font-size:14px;color:#64748b;text-align:center}.error-msg.svelte-1x05zx6{color:#dc2626;margin-top:4px}.footer-note.svelte-1x05zx6{margin-top:28px}.right.svelte-1x05zx6{position:relative;background:url(../../../images/bek7.jpg) center/cover no-repeat fixed}.right.svelte-1x05zx6:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000026,#00000080)}.brand.svelte-1x05zx6{position:absolute;z-index:1;left:48px;right:48px;bottom:56px;color:#fff}.brand.svelte-1x05zx6 svg:where(.svelte-1x05zx6){width:44px;height:44px;opacity:.95;margin-bottom:14px}.brand-name.svelte-1x05zx6{font-size:34px;font-weight:700;letter-spacing:.5px}.brand-tag.svelte-1x05zx6{margin:6px 0 0;font-size:15px;color:#ffffffd9}.otp-inputs.svelte-1x05zx6{display:flex;gap:10px;justify-content:center;width:100%;box-sizing:border-box}.otp-inputs.svelte-1x05zx6 input:where(.svelte-1x05zx6){width:56px;height:64px;font-size:24px;font-weight:600;text-align:center;padding:0;background-image:none;line-height:1}@media (max-width: 980px){.login-wrap.svelte-1x05zx6{grid-template-columns:1fr}.right.svelte-1x05zx6{display:none}.title.svelte-1x05zx6{font-size:26px}}@media (max-width: 560px){.card.svelte-1x05zx6{padding:32px 24px}}@media (max-width: 480px){.otp-inputs.svelte-1x05zx6{gap:6px}.otp-inputs.svelte-1x05zx6 input:where(.svelte-1x05zx6){width:44px;height:52px;font-size:20px}}