:root{--auth-blue:#1877f2;--auth-ink:#17233a;--auth-muted:#6f7f95;--auth-line:#e4eaf2}.auth-page{min-height:100vh;margin:0;background:#f7f9fc;color:var(--auth-ink);font-family:Roboto,Arial,sans-serif}.auth-shell{display:grid;grid-template-columns:minmax(420px,1fr) minmax(440px,1fr);min-height:100vh}.auth-showcase{position:relative;display:flex;min-height:100%;flex-direction:column;overflow:hidden;padding:52px clamp(45px,8vw,125px);background:linear-gradient(145deg,#1162ca 0%,#1877f2 55%,#59a1ff 100%);color:#fff}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--auth-ink);font-size:22px;font-weight:800;text-decoration:none}.brand span{color:var(--auth-blue);font-size:24px}.brand-light{position:relative;z-index:1;color:#fff}.brand-light span{color:#dcecff}.showcase-copy{position:relative;z-index:1;max-width:520px;margin:auto 0}.showcase-eyebrow{margin:0 0 18px;color:#d8e9ff;font-size:12px;font-weight:800;letter-spacing:.14em}.showcase-copy h2{max-width:510px;margin:0;font-size:clamp(39px,4.2vw,62px);letter-spacing:-.047em;line-height:1.05}.showcase-copy>p:not(.showcase-eyebrow){max-width:450px;margin:22px 0 0;color:#e1efff;font-size:18px;line-height:1.6}.showcase-points{display:grid;gap:13px;margin-top:38px}.showcase-points span{display:flex;gap:10px;align-items:center;color:#f4f9ff;font-size:14px;font-weight:600}.showcase-points i{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:rgba(255,255,255,.2);font-size:11px}.showcase-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}.orb-a{width:440px;height:440px;right:-190px;top:-140px}.orb-b{width:355px;height:355px;bottom:-170px;left:-130px}.auth-card{align-self:center;width:min(448px,calc(100% - 60px));margin:auto;padding:58px 0}.auth-card>.brand{margin-bottom:46px}.auth-card h1{margin:0 0 9px;font-size:30px;letter-spacing:-.03em}.auth-card>p{margin:0 0 31px;color:var(--auth-muted);font-size:15px;line-height:1.5}.auth-card .field{margin-bottom:19px}.auth-card label{display:block;margin:0 0 8px;color:#263a54;font-size:14px;font-weight:700}.auth-card input{width:100%;height:47px;padding:0 14px;border:1px solid #d6e0eb;border-radius:8px;outline:0;background:#fff;color:var(--auth-ink);font:15px Roboto,Arial,sans-serif;transition:border-color .2s,box-shadow .2s}.auth-card input:focus{border-color:var(--auth-blue);box-shadow:0 0 0 3px rgba(24,119,242,.12)}.auth-card input::placeholder{color:#a3afbd}.auth-submit{width:100%;height:48px;margin-top:7px;border:0;border-radius:8px;background:var(--auth-blue);box-shadow:0 10px 19px rgba(24,119,242,.2);color:#fff;font:700 15px Roboto,Arial,sans-serif;cursor:pointer;transition:transform .2s,background .2s}.auth-submit:hover{background:#0e68df;transform:translateY(-1px)}.auth-foot{margin:24px 0 0!important;color:var(--auth-muted);font-size:14px;text-align:center}.auth-foot a,.auth-inline a{color:var(--auth-blue);font-weight:700;text-decoration:none}.auth-inline{margin:-3px 0 20px;text-align:right;font-size:14px}.auth-error,.auth-success{margin:0 0 19px;padding:12px 13px;border-radius:8px;font-size:14px;line-height:1.4}.auth-error{border:1px solid #ffe0e4;background:#fff3f5;color:#b52b43}.auth-success{border:1px solid #d7efdf;background:#f0faf3;color:#207546}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-showcase{display:none}.auth-card{width:min(448px,calc(100% - 40px));padding:55px 0}}@media(max-width:480px){.auth-card{width:calc(100% - 38px);padding:38px 0}.auth-card>.brand{margin-bottom:36px}.auth-card h1{font-size:27px}}
