@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

:root{--auth-deep:#082f30;--auth-primary:#0f766e;--auth-accent:#2dd4bf;--auth-sand:#e9b872;--auth-ink:#132d2d;--auth-muted:#647b78;--auth-line:#d7e5e2;--auth-surface:#fff;--auth-soft:#eff7f5;--auth-shadow:0 28px 80px rgba(8,47,48,.16)}
html{color-scheme:light}body{grid-template-columns:minmax(420px,1.08fr) minmax(480px,.92fr)!important;background:radial-gradient(circle at 92% 8%,rgba(45,212,191,.2),transparent 31%),linear-gradient(145deg,#f7fbfa,#edf5f3)!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important}
.brand{isolation:isolate;padding:clamp(38px,6vw,92px)!important;background:linear-gradient(145deg,#082f30 0%,#0b4b49 56%,#0d615a 100%)!important}.brand::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.045)),radial-gradient(circle at 22% 82%,rgba(45,212,191,.15),transparent 28%)}.brand::after{z-index:-1;width:440px!important;height:440px!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 0 0 74px rgba(255,255,255,.04),0 0 0 148px rgba(255,255,255,.025)!important}
.logo{font-weight:900!important}.logo img{filter:drop-shadow(0 7px 15px rgba(0,0,0,.17))}.brand h1{max-width:760px!important;font-size:clamp(2.75rem,5vw,5.4rem)!important;letter-spacing:-.055em}.brand p{max-width:620px!important;color:#c5e9e3!important}.benefits{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;gap:10px!important}.benefits span{padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}.benefits i{color:var(--auth-sand)!important}.brand>small{display:flex;align-items:center;gap:8px}.brand>small::before{content:"";width:7px;height:7px;border-radius:50%;background:#45e3c8;box-shadow:0 0 0 5px rgba(69,227,200,.1)}
.panel{min-width:0;padding:clamp(22px,4vw,54px)!important}.card{width:min(570px,100%)!important;padding:clamp(28px,4vw,48px)!important;border-color:rgba(190,213,209,.9)!important;border-radius:26px!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--auth-shadow)!important;backdrop-filter:blur(18px)}.eyebrow{color:var(--auth-primary)!important}.card h2{color:var(--auth-ink);font-size:clamp(1.75rem,3vw,2.15rem)!important;letter-spacing:-.035em}.muted{color:var(--auth-muted)!important}.note{border-color:#c8e5df!important;border-left:4px solid var(--auth-primary)!important;background:linear-gradient(135deg,#edf8f5,#f7fbfa)!important}
.field label{color:#2a4745}.input{min-height:50px;border-color:#c8d9d6!important;border-radius:12px!important;box-shadow:0 2px 4px rgba(12,53,51,.025);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}.input:hover{border-color:#9fc6c0!important}.input:focus-within{border-color:var(--auth-primary)!important;box-shadow:0 0 0 4px rgba(20,184,166,.16)!important}.input>i{width:18px;color:#78908d!important}.input input{min-width:0;color:var(--auth-ink)!important}.auth-eye{transition:background .18s ease,color .18s ease}.btn{min-height:50px;border-radius:12px!important;background:linear-gradient(135deg,#0b6c64,#0f887b)!important;box-shadow:0 11px 25px rgba(15,118,110,.22)!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}.btn:hover{filter:brightness(.96);transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,118,110,.28)!important}.btn:active{transform:translateY(0)}.btn.secondary{background:#fff!important;box-shadow:none!important}.switch a:focus-visible,.btn:focus-visible,.auth-eye:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(20,184,166,.2)!important}.msg{border:1px solid transparent}.msg.error{border-color:#f3c4be}.msg.ok{border-color:#a8dfcf}
@media(max-width:1120px){body{grid-template-columns:minmax(330px,.78fr) minmax(450px,1.22fr)!important}.brand{padding:38px!important}.benefits{grid-template-columns:1fr}.benefits span{padding:8px 10px}.brand h1{font-size:clamp(2.4rem,5vw,4rem)!important}}
@media(max-width:900px){body{display:block!important;min-height:100vh}.brand{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:16px;min-height:150px;padding:24px clamp(20px,6vw,48px)!important}.brand .logo{grid-column:1}.brand-copy{grid-column:1}.brand h1{font-size:clamp(1.75rem,5vw,2.5rem)!important;line-height:1.05}.brand-copy p,.benefits,.brand>small{display:none}.panel{min-height:auto!important;margin-top:-24px;padding:0 18px 34px!important;position:relative;z-index:2}.card{margin-inline:auto}}
@media(max-width:560px){.brand{min-height:125px;padding:19px 18px 34px!important}.brand .logo{font-size:.9rem}.logo img{width:36px!important;height:36px!important}.brand h1{font-size:1.62rem!important}.panel{margin-top:-20px;padding:0 10px 24px!important}.card{padding:25px 19px!important;border-radius:20px!important}.grid{grid-template-columns:1fr!important;gap:0!important}.field.full{grid-column:auto!important}.input{min-height:52px}.btn{min-height:52px}.password-requirements{grid-template-columns:1fr!important}}
html.dark{color-scheme:dark;--auth-ink:#e7f4f1;--auth-muted:#a7bfbb;--auth-line:#31504c;--auth-surface:#102c2b;--auth-soft:#173936}html.dark body{background:radial-gradient(circle at 92% 8%,rgba(45,212,191,.1),transparent 31%),#071d1d!important}html.dark .card{background:rgba(13,43,42,.97)!important;border-color:#31504c!important}html.dark .card h2,html.dark .field label,html.dark .input input{color:#e7f4f1!important}html.dark .input{border-color:#3b5b57!important;background:#102f2e!important}html.dark .note{border-color:#315b55!important;background:#163b38!important;color:#c5dfda!important}html.dark .btn.secondary{border-color:#41625e!important;background:#173936!important;color:#d7efea!important}html.dark input:-webkit-autofill{-webkit-text-fill-color:#e7f4f1!important;-webkit-box-shadow:0 0 0 1000px #102f2e inset!important}
@media(prefers-reduced-motion:reduce){.btn,.input{transition:none!important}}
.auth-two-factor[hidden]{display:none}.auth-two-factor{text-align:left}.auth-two-factor>p{margin:10px 0 4px;color:var(--auth-muted);font-size:.88rem;line-height:1.55}.auth-two-factor>small{display:block;margin-top:13px;color:var(--auth-muted);font-size:.72rem;text-align:center}.auth-two-factor-icon{width:58px;height:58px;display:grid;place-items:center;margin:8px auto 14px;border:1px solid #b8dfd7;border-radius:18px;color:#0f766e;background:#eaf8f5;font-size:1.35rem;box-shadow:0 8px 22px rgba(15,118,110,.1)}.auth-two-factor .input input{font-weight:800;letter-spacing:.1em;text-transform:uppercase}.auth-two-factor-back{margin-top:10px}.auth-two-factor .msg{margin-bottom:12px}html.dark .auth-two-factor-icon{border-color:#37605a;background:#153c39;color:#5eead4}