:root{--blue-900:#0f2557;--blue-700:#0a58d6;--blue-600:#1f6feb;--blue-100:#e6efff;--ink:#1b2a4a;--muted:#5b6b8a;--line:#d9e2f1;--panel:#f4f8ff;--focus:#1f6feb;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--panel)}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.login{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);min-block-size:100vh}.hero,.login{position:relative}.hero{overflow:hidden;background:linear-gradient(180deg,#f6faff,#d4e7ff 45%,#8ec3f5)}.hero__photo{position:absolute;inset-inline:0;inset-block-end:0;inline-size:100%;block-size:58%;object-fit:cover;object-position:66% 50%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.82),rgba(255,255,255,.55) 40%,rgba(255,255,255,0) 72%)}.hero__content{position:relative;z-index:1;padding:clamp(1.5rem,4vw,3.5rem);max-inline-size:46rem}.hero__logo{display:block;inline-size:clamp(5rem,9vw,8.75rem);block-size:auto;border-radius:50%;box-shadow:0 6px 20px rgba(15,37,87,.25)}.hero__label{margin:1.5rem 0 .5rem;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.hero__title{margin:0;font-size:clamp(2rem,3.3vw,3.4rem);line-height:1.05;font-weight:800;color:var(--blue-900)}.hero__title span{display:block;color:var(--blue-600)}.hero__tagline{max-inline-size:28rem;margin:1rem 0 1.75rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.5;color:var(--muted)}.features{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;margin:0;padding:0;list-style:none}.features li{display:grid;justify-items:start;grid-gap:.5rem;gap:.5rem;max-inline-size:7rem;font-size:.9rem;font-weight:600;color:var(--blue-900)}.features__icon{display:grid;place-items:center;inline-size:3.5rem;block-size:3.5rem;border-radius:50%;background:rgba(255,255,255,.85);color:var(--blue-600);box-shadow:0 2px 10px rgba(15,37,87,.12)}.features__icon svg{inline-size:1.6rem;block-size:1.6rem}.panel{display:grid;place-items:center;padding:5rem 1.5rem 2rem;background:radial-gradient(circle at 100% 0,var(--blue-100) 0,transparent 16rem),var(--panel)}.panel__lang{position:absolute;z-index:5;inset-block-start:1.5rem;inset-inline-end:1.5rem}.lang{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 1px 4px rgba(15,37,87,.06)}.lang__icon{inline-size:1.15rem;block-size:1.15rem}.lang__select{border:0;background:transparent;font:inherit;font-weight:500;color:var(--ink);cursor:pointer}.card{inline-size:min(100%,31rem);padding:clamp(1.75rem,4vw,2.75rem);border-radius:1.25rem;background:#fff;box-shadow:0 10px 40px rgba(15,37,87,.08);text-align:center}.card__logo{inline-size:5.5rem;block-size:auto;border-radius:50%;box-shadow:0 4px 14px rgba(15,37,87,.2)}.card__title{margin:1.25rem 0 .25rem;font-size:1.9rem;font-weight:800;color:var(--blue-900)}.card__subtitle{margin:0 0 2rem;color:var(--muted)}.form{display:grid;grid-gap:1.25rem;gap:1.25rem;text-align:start}.field{display:grid;grid-gap:.45rem;gap:.45rem}.field__label{font-size:.95rem;font-weight:500}.field__control{display:flex;align-items:center;gap:.6rem;padding-inline:.9rem;border:1px solid var(--line);border-radius:.6rem;background:#fff}.field__control:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px rgba(31,111,235,.18)}.field__icon{flex:none;inline-size:1.3rem;block-size:1.3rem;color:var(--muted)}.field__control input{flex:1 1;min-inline-size:0;padding-block:.85rem;border:0;outline:0;background:transparent;font:inherit;color:var(--ink)}.field__control input::placeholder{color:#94a3bd}.field__toggle{display:grid;place-items:center;padding:.25rem;border:0;border-radius:.4rem;background:transparent;color:var(--muted);cursor:pointer}.field__toggle svg{inline-size:1.3rem;block-size:1.3rem}.form__forgot{text-align:end}.link{padding:0;border:0;background:none;font:inherit;font-size:.9rem;color:var(--blue-700);cursor:pointer}.link:hover{text-decoration:underline}.submit{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 1rem;border:0;border-radius:.6rem;background:var(--blue-700);font:inherit;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(10,88,214,.3)}.submit:hover{background:#0948b0}.submit svg{inline-size:1.25rem;block-size:1.25rem}[dir=rtl] .submit svg{transform:scaleX(-1)}.notice{min-block-size:1.2em;margin:0;font-size:.9rem;color:var(--muted);text-align:center}@media (max-width:56rem){.login{grid-template-columns:1fr}.panel{order:-1;-webkit-padding-before:4.5rem;padding-block-start:4.5rem}.hero{min-block-size:22rem}.features,.hero__label,.hero__logo,.hero__tagline{display:none}}@media (min-width:40rem) and (max-width:56rem){.panel{order:0;padding-block:2.5rem 3rem}.hero{min-block-size:30rem}.hero__label,.hero__logo,.hero__tagline{display:block}.hero__logo{inline-size:5rem}.hero__photo{block-size:55%}}