:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#e8f1f7;background:#07131d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 30%,#10414a70,transparent 55%);min-height:100vh}main{max-width:1120px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center}.brand{color:#effcff;text-decoration:none;font-size:26px;font-weight:750;letter-spacing:3px}.brand span{font-size:12px;letter-spacing:2px;color:#7ed5ca;margin-left:12px}select,input,button{font:inherit}select{background:#112634;border:1px solid #35505e;color:inherit;border-radius:8px;padding:9px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start;padding:80px 0 50px}.intro{padding-top:34px}.eyebrow{font-size:12px;letter-spacing:3px;color:#79d6c8}h1{font-size:clamp(36px,4.7vw,60px);line-height:1.12;letter-spacing:-2px;margin:26px 0}p{line-height:1.7;color:#a4bbc9}.intro>p{max-width:360px}.line{width:50px;height:3px;background:#75d5ba;margin:36px 0}.panel{border:1px solid #304650;border-radius:20px;background:#10212be8;padding:30px;box-shadow:0 24px 80px #0003}nav{display:flex;border-bottom:1px solid #31434e;gap:22px;margin-bottom:24px}button{cursor:pointer}nav button{border:0;background:none;color:#9fb2c0;padding:10px 0 16px}nav button[aria-selected=true]{color:#a0f4d6;border-bottom:2px solid #86e3c7}h2{font-size:25px;margin:0 0 16px}label{display:block;margin:18px 0;font-size:13px;color:#bbceda}label>span{display:block;margin-bottom:9px}input:not([type=checkbox]){width:100%;background:#081923;border:1px solid #3b5463;border-radius:9px;padding:13px;color:#eef8fa;min-width:0}input:focus,select:focus,button:focus-visible{outline:2px solid #84dbc9;outline-offset:3px}.primary{width:100%;background:#96e9cf;color:#07291f;border:0;border-radius:9px;padding:14px;font-weight:700;margin:10px 0}.primary:disabled{opacity:.5;cursor:wait}.link{background:none;border:0;color:#92dccc;padding:12px 0;text-align:left;font-size:13px}#helpers{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.check input{margin-top:4px;accent-color:#96e9cf}.check span{margin:0}.muted{font-size:12px;color:#91a7b6}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.identity{display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.identity span{font-size:12px;color:#98dfb9}#status{font-size:13px;margin:0;color:#a5edce}#status.error{color:#ffb4b4}details{font-size:12px;color:#8ea8b8;border-top:1px solid #2b424e;margin-top:22px;padding-top:18px}summary{cursor:pointer}footer{border-top:1px solid #233e49;padding-top:20px;color:#718c9c;font-size:12px}[hidden]{display:none!important}@media(max-width:760px){main{padding:22px}.layout{grid-template-columns:1fr;gap:24px;padding:24px 0}.intro{padding:0}.intro h1{font-size:36px;margin:14px 0}.intro .line{display:none}.intro>p{max-width:none}.panel{padding:24px}.two{grid-template-columns:1fr;gap:0}}

#timezone-select,#profile-language{width:100%;min-width:0;padding:13px;border:1px solid #3b5463;background:#081923}input[type=hidden]{display:none}

/* Match the main Winpan navigation and membership panels. */
body{background:radial-gradient(circle at 18% 10%,#123746 0,transparent 38%),linear-gradient(145deg,#071c27,#081b26 58%,#07151f)}
main{max-width:1260px}
header{min-height:66px;padding-bottom:16px;border-bottom:1px solid #25414c}
.brand{display:inline-flex;align-items:center;gap:12px;letter-spacing:0;font-size:20px}
.brand span{margin:0}
.brand .brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;color:#0c2d2c;background:#9cebd4;border-radius:12px;font-size:29px;font-weight:850;letter-spacing:-3px;padding-right:3px}
.brand .brand-word{color:#eaf5f6;font-size:20px;letter-spacing:.02em}
.brand .brand-word small{font-size:15px;font-weight:650;color:#b9d5da}
.layout{gap:clamp(34px,7vw,110px);padding-top:clamp(36px,6vw,76px)}
.eyebrow{font-weight:700;letter-spacing:.22em}
.intro h1{font-weight:800;letter-spacing:-.045em}
.panel{background:linear-gradient(145deg,#112d39,#0c2430);border-color:#33515b;box-shadow:0 22px 65px #0005}
nav button{font-weight:650}
nav button[aria-selected=true]{border-bottom-width:3px}
.primary{background:#9cebd4;color:#092d2a;min-height:48px;transition:background .15s ease}
.primary:hover{background:#b0f2df}
@media(max-width:760px){header{min-height:58px}.brand .brand-mark{width:36px;height:36px;font-size:25px}.brand .brand-word{font-size:17px}.layout{padding-top:22px}.panel{border-radius:16px}.intro h1{letter-spacing:-.035em}}