:root{--bg:oklch(96% .007 230);--p:oklch(99.5% .004 230);--ink:oklch(22% .025 236);--m:oklch(52% .018 236);--line:oklch(88% .012 236);--c:oklch(63% .13 221);--cd:oklch(47% .115 221);--cp:oklch(94% .035 221);--red:oklch(58% .19 27);--green:oklch(54% .13 151);--gp:oklch(95% .025 151);--navy:oklch(25% .05 238);--shadow:0 18px 50px oklch(22% .025 238/.12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:500 16px/1.5 Inter,system-ui,sans-serif}a{color:var(--cd);text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.15fr) minmax(360px,.85fr)}.auth{display:grid;place-items:center;padding:34px}.card{width:min(510px,100%);background:var(--p);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:30px}.brand{font-size:1.2rem;font-weight:800;letter-spacing:-.06em;color:var(--ink)}.card h1{font-size:2rem;line-height:1.05;letter-spacing:-.055em;margin-top:26px}.intro{font-size:.61rem;color:var(--m);margin-top:8px}.oauth{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;background:var(--p);font-size:.59rem;font-weight:700;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:7px}.or{display:flex;align-items:center;gap:10px;color:var(--m);font-size:.5rem;margin:17px 0}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{margin-top:13px}.field label{font-size:.55rem;font-weight:700}.wrap{position:relative;margin-top:5px}.wrap input{width:100%;height:45px;border:1px solid var(--line);border-radius:9px;padding:0 42px 0 11px;font-size:.63rem}.wrap input:focus{outline:3px solid oklch(85% .055 221);border-color:var(--cd)}.eye{position:absolute;right:3px;top:2px;width:40px;height:40px;border:0;background:transparent;color:var(--m)}.hint{font-size:.48rem;color:var(--m);margin-top:5px}.strength{display:flex;gap:4px;margin-top:7px}.strength i{height:4px;flex:1;border-radius:4px;background:var(--line)}.strength[data-score="1"] i:nth-child(1),.strength[data-score="2"] i:nth-child(-n+2){background:var(--red)}.strength[data-score="3"] i:nth-child(-n+3){background:oklch(70% .13 78)}.strength[data-score="4"] i{background:var(--green)}.checks{display:grid;gap:8px;margin-top:15px}.check{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:.52rem;color:var(--m)}.check input{width:17px;height:17px;accent-color:var(--cd)}.submit{width:100%;height:46px;border:0;border-radius:9px;background:var(--cd);color:var(--p);font-size:.62rem;font-weight:800;margin-top:17px}.submit:disabled{opacity:.5}.signin{text-align:center;font-size:.54rem;color:var(--m);margin-top:17px}.benefits{background:var(--navy);color:var(--p);padding:38px clamp(26px,5vw,65px);display:flex;flex-direction:column}.benefits .brand{color:var(--p)}.benefitcopy{margin:auto 0}.eyebrow{font-size:.57rem;color:var(--c);letter-spacing:.11em;text-transform:uppercase;font-weight:800}.benefits h2{font-size:clamp(2.2rem,5vw,3.8rem);line-height:.98;letter-spacing:-.07em;max-width:12ch;margin-top:8px}.benefits>p{font-size:.5rem;color:oklch(64% .015 230)}.list{display:grid;gap:16px;margin-top:25px}.item{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center}.icon{width:38px;height:38px;border-radius:9px;background:oklch(32% .05 238);color:var(--c);display:grid;place-items:center}.item h3{font-size:.64rem}.item p{font-size:.52rem;color:oklch(72% .015 230);margin-top:3px}.success{display:none;padding:15px;border:1px solid oklch(84% .04 151);background:var(--gp);color:var(--green);border-radius:9px;margin-top:16px;font-size:.57rem}:focus-visible{outline:3px solid var(--c);outline-offset:3px}@media(max-width:880px){.shell{grid-template-columns:1fr}.benefits{order:-1;min-height:230px}.benefitcopy{margin-top:38px}.benefits h2{font-size:2.3rem}.list{display:none}.benefits>p{display:none}}@media(max-width:520px){.auth{padding:14px;align-items:start}.card{padding:24px 18px;box-shadow:none}.row{grid-template-columns:1fr}.benefits{min-height:190px;padding:24px}.benefits h2{font-size:2rem}}