:root{--ink:#26213a;--muted:#665c77;--purple:#603aa0;--deep:#472976;--blue:#2567ac;--line:#e4dcec;--pale:#f5f1fb;--bg:#f2eff8}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(115deg,#edf2fa,#f9f5fe 55%,#fcfaf5);color:var(--ink);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:#613ba1;text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:#1e283f;color:#fff;font-size:12px}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0}.top-inner a{color:#fff}.top-inner span{color:#d9dcec}.brand{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:29px 0 24px}.kicker{font-size:11px;letter-spacing:2px;color:#73539a;font-weight:800}.brand h1{font-size:clamp(38px,6vw,59px);letter-spacing:-2.4px;color:#59368f;line-height:1;margin:5px 0 4px}.brand h1 span{color:#276fb1}.brand h1 small{color:#e5a333;font-size:13px;vertical-align:top}.brand p{margin:0;color:#766a84}.back{font-size:13px;font-weight:750;padding:10px 15px;background:#fff;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
.hero{display:flex;justify-content:space-between;align-items:center;gap:15px;border-radius:19px;padding:25px 31px;color:white;background:linear-gradient(116deg,#41256d,#784ac1);box-shadow:0 12px 31px #5737822f;margin-bottom:18px}.hero h2{font-size:clamp(21px,3vw,30px);max-width:580px;margin:7px 0}.hero p{color:#efe7ff;max-width:660px;margin:0 0 15px}.hero-tag{font-size:11px;letter-spacing:1.6px;color:#eddfff;font-weight:800}.hero-art{display:flex;align-items:center;gap:10px;font-size:52px;background:#ffffff15;border:1px solid #ffffff27;border-radius:18px;padding:17px}.hero-art span:nth-child(2){font-size:30px}.hero-art span:nth-child(3){font-size:40px}.hero-pills{display:flex;gap:9px;flex-wrap:wrap}.hero-pills span{font-size:11px;background:#ffffff21;border:1px solid #ffffff20;padding:4px 8px;border-radius:999px}
.columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.form-card,.join-card,.info-card{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 25px #4b3c6a0b}.form-card{padding:24px}.headerline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-number{font-size:11px;color:#8564ad;font-weight:850;letter-spacing:1.4px}.form-card h2{font-size:27px;color:#342258;line-height:1.15;margin:6px 0}.form-card p{margin:0 0 14px;color:var(--muted)}.secure-label{font-size:11px;font-weight:800;color:#25634e;white-space:nowrap;background:#e9f7ef;padding:7px 9px;border-radius:8px}.section-title{font-weight:800;color:#513481;border-top:1px solid #eee8f5;padding:16px 0 12px;margin-top:10px}.fields{display:grid;gap:13px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field.wide{grid-column:1/-1}.field span{font-size:12px;font-weight:750;color:#443457}.field i{color:#81798f;font-style:normal;font-weight:500}.field input,.field select{width:100%;height:45px;background:white;border:1px solid #d8cde6;border-radius:10px;color:#242038;padding:10px 12px;font:inherit;min-width:0}.field input:focus,.field select:focus{outline:2px solid #c6aeeb;border-color:#8256b5}.field input::placeholder{color:#9890a3}.password-wrap{display:flex;position:relative;align-items:center}.password-wrap input{padding-right:78px}.password-wrap button{position:absolute;right:7px;padding:7px;border:0;background:#ede7f6;border-radius:7px;color:#5e3a9f;cursor:pointer;font-weight:700;font-size:11px}.privacy-note{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;margin:15px 0;border:1px solid #d5e4ee;background:#f1f8fd;border-radius:11px;color:#366077;font-size:12px}.privacy-note span{flex:1}.legal{padding:15px 0 8px}.legal label{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#5b516a}.legal input{margin-top:4px;accent-color:#6843a8}.submit{border:0;background:linear-gradient(90deg,#603aa0,#376bad);color:white;width:100%;padding:14px 16px;font-size:15px;font-weight:800;border-radius:11px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:50px}.submit:hover{filter:brightness(1.07)}.submit:disabled{opacity:.6;cursor:progress}.helper{text-align:center;font-size:11px;margin:11px 0!important;color:#867d91!important}.alternative{border-top:1px solid #ebe5f2;padding-top:16px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:7px;color:#675e75;font-size:12px}.alternative button{border:0;background:none;cursor:pointer;color:#59329e;font:inherit;font-weight:850}.loginbox{border:1px solid #dccdec;background:#fbf8ff;padding:15px;border-radius:11px;margin-top:15px}.loginbox[hidden]{display:none}.loginbox h3{margin:0 0 12px}.loginbox .field{margin-bottom:11px}
.rightside{display:grid;gap:14px}.join-card{padding:20px;background:linear-gradient(145deg,#fff,#faf7ff)}.mini-tag{font-size:10px;color:#744dac;font-weight:850;letter-spacing:1.5px}.join-card h3{font-size:23px;line-height:1.24;margin:9px 0;color:#4a307b}.join-card p{color:#716782;font-size:13px}.mock-user{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e9e0f3;border-radius:14px;padding:14px;margin-top:17px;overflow:hidden}.mock-avatar{height:50px;width:50px;border-radius:15px;background:#ebe1f6;display:grid;place-items:center;font-size:27px;flex-shrink:0}.mock-user strong{font-size:13px;overflow-wrap:anywhere}.mock-user #previewRole{font-size:11px;color:#674c90}.mock-user small{display:block;color:#837792}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.chips span{font-size:10px;border-radius:25px;padding:5px 8px;background:#f0eafa;color:#664593}.info-card{padding:20px}.info-card h3{color:#533484;margin:0;font-size:16px}.info-card ol{list-style:none;counter-reset:steps;margin:10px 0 0;padding:0}.info-card li{position:relative;padding:10px 0 10px 33px;counter-increment:steps;border-bottom:1px solid #f0eaf5}.info-card li:last-child{border:0}.info-card li:before{content:counter(steps);position:absolute;left:0;top:11px;color:white;background:#714caa;border-radius:100px;width:23px;height:23px;text-align:center;line-height:23px;font-weight:850;font-size:11px}.info-card li strong{display:block;font-size:12px}.info-card li span{color:#7c708c;font-size:11px}.info-card.subtle{background:#f9f6ff}.info-card.subtle p{font-size:12px;margin:5px 0 0}#notice{margin:0}.notice{padding:16px 18px;margin:0 0 16px;border-radius:12px;border:1px solid #e9d8f3;background:#faf2ff;color:#533474}.notice.error{border-color:#f0c3c7;background:#fff2f3;color:#9f263a}.notice.success{background:#e9f8ee;border-color:#badfca;color:#245e42}.notice strong{display:block}.notice a{font-weight:700}.success-page{text-align:center;padding:30px 16px}.success-page h2{font-size:27px;color:#4d307f}.success-page p{color:#655974}.success-page a{display:inline-block;margin-top:10px;padding:12px 17px;background:#603aa0;color:#fff;border-radius:10px;font-weight:750}footer{text-align:center;color:#867b93;padding:30px 0;font-size:12px}
@media(max-width:900px){.columns{grid-template-columns:1fr}.rightside{grid-template-columns:repeat(2,minmax(0,1fr))}.join-card{grid-row:span 2}}@media(max-width:640px){.hero{padding:19px}.hero-art{display:none}.brand{padding:23px 0 19px}.brand .back{display:none}.form-card{padding:16px}.fields.two{grid-template-columns:1fr}.headerline{flex-wrap:wrap}.rightside{grid-template-columns:1fr}.join-card{grid-row:auto}.brand h1{font-size:44px}.topbar .top-inner{font-size:11px}}