.signup-page{padding-bottom:0;min-height:100vh;display:flex;flex-direction:column} .signup-page a:focus-visible,.signup-page button:focus-visible,.signup-page input:focus-visible{outline:3px solid var(--red);outline-offset:3px} .signup-skip{position:absolute;top:0;left:16px;transform:translateY(-150%);z-index:100;background:var(--top);padding:12px}.signup-skip:focus{transform:none} .signup-page .sc-top-in{flex-wrap:wrap;gap:12px}.signup-nav{display:flex;align-items:center;gap:20px}.signup-nav a{display:inline-flex;align-items:center;min-height:44px}.signup-nav .sc-btn{padding:10px 18px} .signup-main{width:100%;flex:1;padding-top:24px;padding-bottom:40px}.signup-crumbs{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:24px}.signup-crumbs a{display:inline-flex;align-items:center;min-height:44px} .signup-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,470px);gap:36px;align-items:start}.signup-intro{background:var(--panel);border-radius:10px;padding:28px}.signup-kicker{display:inline-block;border-bottom:3px solid var(--red);padding-bottom:8px;margin-bottom:16px;color:var(--mist)}.signup-intro h1{font-size:clamp(32px,4vw,44px);margin-bottom:16px}.signup-intro p{margin:0;max-width:30ch;font-size:19px} .signup-panel{min-width:0;padding:24px;background:var(--card);border:1px solid var(--edge);border-radius:10px}.signup-panel>p{margin:0 0 20px;color:var(--mist)} #signup-form{display:flex;flex-direction:column;gap:10px}#signup-form>label{font-weight:700}#signup-form>input{width:100%;min-width:0;min-height:48px;border:1px solid var(--edge);border-radius:8px;background:var(--ink);color:var(--snow);padding:10px 12px;font:inherit}#signup-form [aria-invalid="true"]{border:2px solid var(--red)} .signup-hint{margin:0 0 8px;font-size:14px;color:var(--mist)}#signup-form .signup-check{display:flex;align-items:center;gap:12px;min-height:44px;font-weight:400;cursor:pointer}.signup-check input{flex:none;width:24px;height:24px;margin:10px 0;accent-color:var(--red)}.signup-check span{font-size:14px}#signup-form .signup-trap{display:none} .signup-submit{width:100%;min-height:48px;border:0;cursor:pointer;font-family:inherit;margin-top:8px}.signup-submit:disabled{opacity:.65;cursor:wait}.signup-status:empty{display:none}.signup-status{margin:8px 0 0;padding:12px;border-left:3px solid var(--red);background:var(--panel);overflow-wrap:anywhere}.signup-status.is-error{border-left-width:6px} .signup-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;scroll-margin-top:100px}.signup-help h2{font-size:21px;margin-bottom:12px}.signup-footer nav{margin:14px 0 0}.signup-footer a{display:inline-flex;align-items:center;min-height:44px} @media(min-width:769px){.signup-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,470px);gap:24px 36px;align-content:start;align-items:start}.signup-crumbs{grid-column:1/-1;margin:0}.signup-hero{display:contents}.signup-intro{grid-column:1;grid-row:2}.signup-panel{grid-column:2;grid-row:2/span 2}.signup-help{grid-column:1;grid-row:3;grid-template-columns:1fr;margin:0}} @media(max-width:768px){.signup-hero,.signup-help{grid-template-columns:minmax(0,1fr);gap:20px}.signup-intro,.signup-panel{padding:22px}.signup-nav{gap:12px}.signup-nav>a:first-child{font-size:14px}.signup-nav .sc-btn{padding-inline:12px}.signup-intro p{font-size:17px}} @media(max-width:480px){.signup-nav{width:100%;justify-content:space-between}.signup-panel{padding:20px 16px}.signup-intro{padding:22px 18px}}