:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:#f5f5f7;background:#101010;--yellow:#ffd426;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 25% 50%,rgba(255,212,38,.055),transparent 55%),#101010}header{height:90px;margin:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #272729;gap:20px}.brand,.agency{font-size:1.18rem;font-weight:650;letter-spacing:-.035em}.agency{text-align:right}.brand span,.agency span{display:block;font-size:.75rem;letter-spacing:.02em;font-weight:400;color:#97979e;margin-top:3px}.agency span{letter-spacing:.11em}main{flex:1;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:80px;width:calc(100% - 12vw);max-width:1250px;margin:0 auto;padding:65px 0}.eyebrow{font-size:.75rem;letter-spacing:.09em;color:#a2a2aa}h1{font-size:clamp(2.8rem,4.6vw,4.6rem);line-height:1.1;letter-spacing:-.055em;font-weight:550;margin:24px 0}em{font-style:normal;color:var(--yellow)}.intro>p{color:#a2a2aa;font-size:1.125rem;line-height:1.7;margin:26px 0}.intro-line{width:48px;height:2px;background:var(--yellow);margin:40px 0 20px}.prepared{font-size:.8125rem;color:#8d8d96;line-height:1.7;display:block;max-width:340px}.login-card{background:#1b1b1d;border:1px solid #303034;border-radius:28px;padding:40px;max-width:460px;width:100%;justify-self:end;box-shadow:0 25px 70px rgba(0,0,0,.14)}.lock{width:44px;height:44px;border:1px solid #454136;border-radius:14px;background:rgba(255,212,38,.07);display:grid;place-items:center;color:var(--yellow);margin-bottom:26px}.lock svg{width:23px;height:23px}h2{font-size:2rem;line-height:1.2;letter-spacing:-.045em;font-weight:550;margin:0 0 10px}.login-card>p{font-size:1rem;color:#a5a5ac;line-height:1.6;margin:0 0 30px}form{margin:0}label{display:block;font-size:.875rem;color:#dddddf;font-weight:500;margin:22px 0 9px}input{width:100%;min-height:52px;border:1px solid #424246;border-radius:12px;background:#121213;color:#fff;font:inherit;font-size:1rem;padding:14px 15px;outline:none;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#7e7e86}input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(255,212,38,.12)}input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #121213 inset}.password-field{position:relative}.password-field input{padding-right:76px}button{font:inherit;cursor:pointer}.password-field button{position:absolute;right:8px;top:5px;bottom:5px;padding:0 9px;color:#b7b7be;font-size:.8125rem;border:0;border-radius:8px;background:transparent}.password-field button:hover{color:var(--yellow)}button:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.submit{margin-top:28px;min-height:54px;width:100%;padding:14px 19px;border:0;border-radius:12px;background:var(--yellow);color:#101010;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:1rem;font-weight:600;transition:background .2s,transform .2s}.submit>span:last-child{font-size:1.35rem}.submit:hover{background:#ffe168;transform:translateY(-1px)}.submit:disabled{opacity:.7;cursor:wait}.login-card .card-note{font-size:.75rem;text-align:center;color:#919198;margin:24px 0 0;line-height:1.6}.form-message{padding:12px 14px;border:1px solid #75533b;border-radius:10px;background:#382b20;color:#ffcea6;font-size:.875rem;line-height:1.6;margin:20px 0}.form-message.info{background:#2b2b20;color:#e4ddbc;border-color:#52503b}footer{margin:0 4.5vw;padding:24px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #272729;font-size:.8125rem;color:#919198}footer strong{font-weight:500;color:#ccc}@media(max-width:1000px){main{gap:40px;width:calc(100% - 10vw)}.login-card{padding:32px}h1{font-size:3.1rem}}@media(max-width:760px){header{height:78px;margin:0 22px}.brand,.agency{font-size:1rem}.brand span,.agency span{font-size:.75rem}main{display:block;width:calc(100% - 40px);max-width:460px;padding:40px 0}.intro{margin-bottom:30px}.eyebrow{font-size:.75rem;letter-spacing:.04em}h1{font-size:clamp(2rem,6.8vw,2.75rem);margin:15px 0 14px}.intro>p{font-size:1rem;line-height:1.6;margin:15px 0}.intro>p br{display:none}.intro-line,.prepared{display:none}.login-card{max-width:none;padding:28px 24px;border-radius:24px}.lock{margin-bottom:20px}h2{font-size:1.75rem}.login-card>p{font-size:.9375rem;margin-bottom:24px}footer{margin:0 22px;font-size:.75rem}footer>span:nth-child(2){display:none}}@media(max-width:360px){header{margin:0 16px;gap:12px}.brand,.agency{font-size:.9375rem}.brand span{max-width:140px}main{width:calc(100% - 32px)}.login-card{padding:25px 20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
