#bros-join{display:none}.bros-join-mode #bros-join{display:block}.bros-join-mode>aside,.bros-join-mode>.main,.bros-join-mode>#broke-dashboard,.bros-join-mode>#messages-page,.bros-join-mode>#registration-page{display:none}.bros-join-mode{background:#f8f6ee}.bros-join-content{max-width:920px;padding:28px 28px 45px;margin:0 auto;text-align:center}.bros-join-mark{width:90px;height:90px;object-fit:contain;margin:12px auto 10px}.bros-join-content h1{font-size:36px;line-height:1.4;letter-spacing:-1.2px;margin:17px 0 12px}.bros-join-description{font-size:12px;color:#858d78;line-height:1.9;margin:0 auto 32px}.bros-join-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left}.bros-join-options>button{border:1px solid #dce2d0;background:#fffdf8;border-radius:22px;padding:30px;text-align:left;transition:transform .18s,border-color .18s;display:flex;flex-direction:column;align-items:flex-start}.bros-join-options>button:first-child{background:#eaf0df;border-color:#d2ddbf}.bros-join-options>button:hover{transform:translateY(-4px);border-color:#91a472}.bros-option-icon{border:1px solid #ccd5bd;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;font-size:27px;margin-bottom:23px}.bros-join-options small{font-size:8px;letter-spacing:1.2px;color:#889773}.bros-join-options h2{font-size:23px;line-height:1.5;letter-spacing:-.6px;margin:12px 0}.bros-join-options p{font-size:11px;color:#828a75;line-height:2;margin:0 0 28px}.bros-join-options strong{font-size:11px;color:#4b6632;margin-top:auto}.bros-join-footnote{font-size:10px;color:#98a089;margin-top:29px}.bros-nickname-form{max-width:450px;margin:0 auto;text-align:left;padding:25px 30px}.bros-nickname-form label:first-child{margin-top:0}.bros-password-row{position:relative}.bros-password-row input{padding-right:55px}.bros-password-row button{position:absolute;right:9px;top:10px;background:none;border:0;font-size:10px;color:#71845c;padding:4px}.bros-password-note{text-align:center;font-size:8px;margin-top:15px}.bros-nickname-form .registration-switch button{font-size:10px}
@media(max-width:620px){.bros-join-content{padding:20px 22px 30px}.bros-join-mark{width:75px;height:75px;margin-top:0}.bros-join-content h1{font-size:27px;margin-top:13px}.bros-join-description{font-size:10px;margin-bottom:23px}.bros-join-options{grid-template-columns:1fr;gap:14px}.bros-join-options>button{padding:22px;position:relative}.bros-option-icon{position:absolute;right:20px;top:22px;width:37px;height:37px;font-size:23px}.bros-join-options small{font-size:7px}.bros-join-options h2{font-size:21px;margin:12px 0 8px}.bros-join-options p{font-size:10px;margin-bottom:18px}.bros-join-options strong{font-size:10px}.bros-nickname-form{padding:23px 22px}.bros-join-footnote{font-size:9px}}
@media(prefers-reduced-motion:reduce){.bros-join-options>button{transition:none}}