.signup-page{--bg:#fff;--text:#18181b;--text-secondary:#71717a;--text-muted:#a1a1aa;--input-bg:#fff;--input-border:#e4e4e7;--btn-social-bg:#fff;--btn-social-border:#e4e4e7;--btn-social-hover:#f4f4f5;--btn-social-border-hover:#d4d4d8;--divider-line:#e4e4e7;--checkmark-bg:#fff;--checkmark-border:#d4d4d8;--checkmark-hover-border:#a1a1aa;--bg-url:url(/signup-bg.png);--bg-overlay:linear-gradient(to right, #fff 0%, #fffc 5%, #ffffff4d 12%, transparent 25%);background-color:var(--bg);width:100vw;height:100vh;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s,color .3s;display:flex;overflow:hidden}.signup-page[data-theme=dark]{--bg:#0c0c0e;--text:#fff;--text-secondary:#a1a1aa;--text-muted:#52525b;--input-bg:#141416;--input-border:#27272a;--btn-social-bg:#141416;--btn-social-border:#27272a;--btn-social-hover:#1a1a1e;--btn-social-border-hover:#3f3f46;--divider-line:#27272a;--checkmark-bg:#141416;--checkmark-border:#27272a;--checkmark-hover-border:#3f3f46;--bg-url:url(/signup-bg-dark.png);--bg-overlay:linear-gradient(to right, #0c0c0e 0%, #0c0c0ecc 5%, #0c0c0e4d 12%, transparent 25%)}.signup-page[data-theme=light]{--bg:#fff;--text:#18181b;--text-secondary:#71717a;--text-muted:#a1a1aa;--input-bg:#fff;--input-border:#e4e4e7;--btn-social-bg:#fff;--btn-social-border:#e4e4e7;--btn-social-hover:#f4f4f5;--btn-social-border-hover:#d4d4d8;--divider-line:#e4e4e7;--checkmark-bg:#fff;--checkmark-border:#d4d4d8;--checkmark-hover-border:#a1a1aa;--bg-url:url(/signup-bg.png);--bg-overlay:linear-gradient(to right, #fff 0%, #fffc 5%, #ffffff4d 12%, transparent 25%)}.signup-left-pane{box-sizing:border-box;background-color:var(--bg);z-index:10;flex-direction:column;justify-content:space-between;width:50%;height:100%;padding:2.5rem 4rem;transition:background-color .3s;display:flex}@media (max-width:1024px){.signup-left-pane{width:60%;padding:2rem 3rem}}@media (max-width:768px){.signup-left-pane{width:100%;padding:1.5rem 2rem}}.signup-nav-header{justify-content:space-between;align-items:center;width:100%;display:flex}.signup-brand-logo{color:var(--text);align-items:center;gap:.5rem;text-decoration:none;transition:color .3s,opacity .2s;display:flex}.signup-brand-logo:hover{opacity:.8}.brand-logo-img{object-fit:contain;border-radius:8px;width:32px;height:32px}.brand-text{letter-spacing:-.03em;font-size:1.25rem;font-weight:700}.signin-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.signin-link:hover{color:var(--text)}.signup-form-container{flex-direction:column;width:100%;max-width:360px;margin:auto 0;display:flex}@media (max-width:768px){.signup-form-container{margin:auto}}.signup-header-group{margin-bottom:2rem}.signup-title{letter-spacing:-.03em;color:var(--text);margin:0;font-size:2.25rem;font-weight:600}.social-buttons-group{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.btn-social-signup{background-color:var(--btn-social-bg);border:1px solid var(--btn-social-border);width:100%;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:flex}.btn-social-signup:hover{background-color:var(--btn-social-hover);border-color:var(--btn-social-border-hover)}.google-icon,.discord-icon{flex-shrink:0}.discord-icon{color:#5865f2}.signup-divider{justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:1.5rem;display:flex}.divider-line{background-color:var(--divider-line);flex-grow:1;height:1px}.divider-text{color:var(--text-muted);font-size:.85rem}.signup-form-body{flex-direction:column;gap:.75rem;display:flex}.input-group{width:100%;position:relative}.form-input{box-sizing:border-box;background-color:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:.875rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.form-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--input-bg)}.password-group .form-input{padding-right:3rem}.btn-toggle-password{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.btn-toggle-password:hover{color:var(--text-secondary)}.form-actions{align-items:center;margin:.5rem 0 1.25rem;display:flex}.checkbox-container{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;padding-left:1.75rem;font-size:.875rem;line-height:1.35;display:flex;position:relative}.checkbox-container:hover{color:var(--text)}.custom-checkbox{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:var(--checkmark-bg);border:1px solid var(--checkmark-border);border-radius:4px;width:18px;height:18px;transition:background-color .2s,border-color .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.checkbox-container:hover input~.checkmark{border-color:var(--checkmark-hover-border)}.checkbox-container input:checked~.checkmark{background-color:#2563eb;border-color:#2563eb}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;top:2px;left:6px;transform:rotate(45deg)}.label-text{color:var(--text-secondary)}.terms-link,.privacy-link{color:var(--text);font-weight:600;text-decoration:none}.terms-link:hover,.privacy-link:hover{text-decoration:underline}.btn-submit-signup{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem;font-size:.95rem;font-weight:500;transition:background-color .2s,opacity .2s,transform .1s;display:flex}.btn-submit-signup:hover{background-color:#3b82f6}.btn-submit-signup:active{transform:scale(.995)}.btn-submit-signup:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-arrow{transition:transform .2s}.btn-submit-signup:not(:disabled):hover .submit-arrow{transform:translate(3px)}.signin-prompt{color:var(--text-muted);text-align:center;margin-top:1.5rem;margin-bottom:0;font-size:.9rem}.signin-prompt-link{color:var(--text);font-weight:600;text-decoration:none}.signin-prompt-link:hover{text-decoration:underline}.signup-footer{width:100%;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.footer-links{gap:1.25rem;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text)}.signup-right-pane{background-color:var(--bg);width:50%;height:100%;transition:background-color .3s;position:relative;overflow:hidden}@media (max-width:768px){.signup-right-pane{display:none}}.signup-bg-image{background-image:var(--bg-url);background-position:100%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:background-image .3s}.signup-bg-overlay{background:var(--bg-overlay);transition:background .3s;position:absolute;inset:0}