
:root{--pink:#fa4b8f;--ink:#070609;--white:#f8f5f3;--muted:#d0c5cb}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--white);background:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #ff94c3;outline-offset:3px}
[hidden]{display:none!important}
.skip{position:absolute;top:-80px;left:15px;padding:15px;background:var(--pink);color:#10070c;z-index:10}.skip:focus{top:15px}
.login-shell{max-width:1250px;margin:0 auto;padding:0 28px}
.site-head{height:97px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #322b31}
.identity{display:flex;align-items:center;gap:8px}.identity img{object-fit:contain;display:block}.identity-word{width:164px;height:auto;max-height:82px}
.back-link{font-size:12px;font-weight:900;letter-spacing:.08em;white-space:nowrap;color:#f5ecf1}.back-link:hover,.plain-link:hover,.help a:hover{color:var(--pink)}
.layout{display:grid;grid-template-columns:1fr .86fr;gap:48px;align-items:center;min-height:690px;padding:52px 0 67px}
.campaign{position:relative;min-height:605px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.eyebrow{font-size:12px;font-weight:950;color:var(--pink);letter-spacing:.13em;margin-bottom:23px}
h1{font:950 clamp(70px,6.9vw,106px)/.97 "Arial Black",Arial,sans-serif;letter-spacing:-.075em;margin:0;position:relative;z-index:1}
h1 span{color:var(--pink)}
.campaign>p{position:relative;z-index:1;max-width:390px;margin:24px 0 0;color:#e6dce3;font-size:18px;line-height:1.65}
.visual{position:absolute;z-index:0;inset:auto -40px 0 0;height:280px;overflow:hidden;pointer-events:none}
.splatter{position:absolute;left:-45px;bottom:-100px;width:560px;height:380px;opacity:.28;filter:invert(1)}
.big-brain{position:absolute;right:35px;bottom:12px;width:180px;height:170px;object-fit:contain;transform:rotate(-10deg)}
.paint-label{position:absolute;left:25px;bottom:34px;padding:12px 17px;transform:rotate(-5deg);background:var(--pink);color:#13070e;font-size:12px;font-weight:950;letter-spacing:.08em;line-height:1.4}
.login-column{max-width:500px;width:100%;justify-self:end}
.login-card{background:#171319;border:1px solid #58434e;border-top:6px solid var(--pink);padding:40px 36px 33px;box-shadow:17px 17px 0 #100a0f}
.micro{color:var(--pink);font-weight:950;letter-spacing:.15em;font-size:11px}
h2{font:900 clamp(31px,3vw,41px)/1.13 "Arial Black",Arial,sans-serif;letter-spacing:-.04em;margin:15px 0 9px}
.intro{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 26px}
label{display:block;margin:17px 0 9px;font-size:12px;letter-spacing:.08em;font-weight:900}
input{width:100%;min-height:53px;border:1px solid #6b5763;background:#09080a;color:#fff;padding:12px 14px;border-radius:0;font-size:16px;outline:none}
input:focus{border-color:var(--pink);box-shadow:0 0 0 2px rgba(250,75,143,.18)}
input::placeholder{color:#8b8188}
.password-field{position:relative}
.password-field input{padding-right:77px}
.password-field button{position:absolute;right:0;top:0;bottom:0;padding:0 15px;background:transparent;border:none;color:var(--pink);font-weight:900;font-size:12px}
.helpers{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:9px;margin:13px 0 27px}
.helpers button,.plain-link{border:0;background:transparent;color:#ff9bc4;font-size:12px;font-weight:900;padding:4px 0;letter-spacing:.02em}
.helpers span{color:#b6a7b0;font-size:12px}
.submit-button{display:flex;justify-content:center;align-items:center;width:100%;min-height:56px;padding:15px;background:var(--pink);color:#0c070b;border:1px solid var(--pink);font-weight:950;font-size:14px;letter-spacing:.035em;line-height:1.4;text-transform:uppercase}
.submit-button:hover{background:#ff7db6}
.submit-button:disabled{opacity:.6;cursor:wait}
.feedback{background:#271822;border:1px solid #bd6186;color:#ffe0eb;padding:13px 15px;margin:0 0 22px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.feedback[data-kind="success"]{background:#1c1b1c;border-color:#766069;color:#fff}
.card-foot{margin-top:27px;display:flex;gap:11px;flex-wrap:wrap;font-size:12px;font-weight:900;color:#b6a6b0}
.card-foot a{color:var(--pink)}
.reset-help{font-size:14px;color:#d8cad2;line-height:1.55}
.plain-link{display:block;margin:20px auto 0}
.help,.secure-note{font-size:13px;line-height:1.6;color:#b5a9b0;text-align:center}
.help{margin-top:30px}.help a{color:#ff9bc4;font-weight:900}
.secure-note{margin-top:8px}
footer{border-top:1px solid #352d34;padding:28px 0 42px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:800;font-size:11px;color:#b4a7b0;letter-spacing:.045em}
footer nav{display:flex;gap:21px}footer nav a:hover{color:var(--pink)}
.no-js{position:fixed;bottom:0;left:0;right:0;margin:0;padding:15px 28px;background:#fa4b8f;color:#0b080a;font-weight:800}
@media(max-width:920px){.layout{grid-template-columns:1fr;gap:20px;padding:25px 0 58px}.campaign{min-height:275px;justify-content:flex-start;padding-top:18px}.campaign h1{font-size:clamp(47px,9vw,74px);line-height:1.02}.campaign h1 br{display:none}.campaign h1 span{display:inline}.campaign>p{font-size:16px;margin-top:15px;max-width:550px}.visual{height:190px;right:0}.big-brain{width:145px;right:8px;bottom:0;opacity:.75}.paint-label{display:none}.login-column{justify-self:center;max-width:640px}.login-card{padding:32px 28px;box-shadow:9px 9px 0 #100a0f}}
@media(max-width:560px){.login-shell{padding:0 19px}.site-head{height:79px}.identity img:first-child{width:40px}.identity-word{width:136px}.back-link{font-size:10px}.campaign{min-height:270px}.eyebrow{font-size:10px;margin-bottom:12px}.campaign h1{font-size:clamp(43px,10vw,59px);letter-spacing:-.065em}.campaign>p{font-size:15px;margin-top:12px}.visual{height:153px}.big-brain{width:100px;height:100px;right:3px}.login-card{padding:27px 20px}.login-card h2{font-size:32px}.submit-button{font-size:13px}.helpers{align-items:flex-start}.helpers span{font-size:11px}footer{align-items:flex-start;flex-direction:column;gap:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
