.join-shell{max-width:660px;margin:auto;padding:40px 20px 80px}.join-shell header{padding:20px 0 30px}.join-brand{letter-spacing:.2em;color:#52d6df;font-weight:700}.join-shell h1{font-size:clamp(2rem,6vw,3.3rem);line-height:1.08}.join-shell .card{padding:24px;margin:20px 0}.join-shell form{display:grid;gap:18px}.join-shell label{display:grid;gap:8px}.join-shell input,.join-shell textarea,.join-shell select{width:100%;box-sizing:border-box;font:inherit;padding:12px;border:1px solid #555;border-radius:10px;background:#171c22;color:#fff}.join-shell summary{cursor:pointer;font-weight:700}.join-shell .join-check{display:flex;align-items:flex-start}.join-check input{width:auto;margin-top:5px}.join-shell .button-row label{flex:1;cursor:pointer}.join-shell input[type=file]{font-size:.8rem}.join-shell #join-preview img,.join-shell #join-preview video{max-width:100%;max-height:350px;border-radius:12px}.standalone-account{max-width:720px;margin:auto;padding:8px 16px;text-align:right}.join-shell p{line-height:1.55}
.join-shell .join-check input{width:20px;height:20px;flex:0 0 20px;padding:0;margin:3px 0 0;accent-color:#52d6df}.join-shell .button-row label{position:relative;min-width:0}.join-shell input[type=file]{width:1px;height:1px;padding:0;border:0;left:0;top:0}.join-shell input,.join-shell select{min-width:0}.join-shell .join-check{gap:12px}

body:has(.join-shell){background:linear-gradient(145deg,#123848,#0b1b28 42%,#071018);min-height:100dvh}.join-shell header{text-align:center}.join-logo{width:82px;height:82px;padding:17px;box-sizing:content-box;border-radius:30px;background:#142f3c;border:1px solid #346071}.join-brand{font-size:34px;letter-spacing:-1px;color:#f5f5f5;margin:22px 0 8px;font-weight:800}.join-brand span{color:#81d8ec;font-weight:500}.join-shell h1{font-size:23px;line-height:1.3}.join-shell .card{background:#101f2b;border-color:#294350}.join-shell .primary{background:#79d6e5;color:#09222f}.join-shell input:focus,.join-shell textarea:focus,.join-shell select:focus{outline:2px solid #79d6e5;outline-offset:2px}

.join-registration .join-shell>header,.join-registration .join-login{display:none}.join-registration .join-shell{padding-top:0}

.join-shell [hidden]{display:none!important}.join-shell #first-post-fields{border:0;margin:0;padding:0;min-width:0;display:grid;gap:18px}.invitation-skip{display:block;box-sizing:border-box;text-align:center;text-decoration:none;margin-top:16px}.invitation-back{display:block;margin:12px 0 20px;color:#81d8ec}.join-shell #invitation-code{text-transform:uppercase;font-size:1.4rem;letter-spacing:.15em}
