.signup-container{min-height:100vh;background:#121212;color:white}.signup-header{position:sticky;top:0;background:#121212;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:100;padding:1rem 0}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;gap:1rem;min-height:60px}.logo-link{text-decoration:none;display:block}.logo-section{flex-shrink:0;min-width:120px}.logo{display:flex;align-items:center}.logo-image{object-fit:contain;height:auto;max-height:50px;width:auto;transition:opacity .2s ease}.logo-image:hover{opacity:.8}.header-nav{display:flex;align-items:center;gap:1rem}.nav-text{color:rgba(255,255,255,.7);font-size:.875rem}.btn-outline-small{display:inline-flex;align-items:center;padding:.5rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:50px;color:white;text-decoration:none;font-size:.875rem;font-weight:600;transition:all .2s ease;white-space:nowrap;min-height:38px;box-sizing:border-box}.btn-outline-small:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.signup-main{padding:0 0 4rem;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}.signup-content{padding:0 2rem;width:100%}.signup-content,.signup-form-container{max-width:500px;margin:0 auto}.signup-header-text{margin-bottom:2rem;text-align:center;margin-top:0}.signup-header-text h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#c0a386}.signup-header-text p{color:rgba(255,255,255,.7);font-size:1.125rem}.signup-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{display:flex;align-items:center;gap:.5rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:1rem;color:#fca5a5;font-size:.875rem}.error-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{font-size:.875rem;font-weight:600;color:white}.form-input,.form-select{padding:.875rem;border:2px solid rgba(255,255,255,.1);border-radius:.5rem;background:rgba(255,255,255,.05);color:white;font-size:.875rem;transition:all .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#c0a386;background:rgba(255,255,255,.08)}.form-input::placeholder{color:rgba(255,255,255,.5)}.form-select{cursor:pointer}.form-select option{background:#121212;color:white}.password-requirements{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.requirement{font-size:.75rem;color:rgba(255,255,255,.5);transition:color .2s ease}.requirement.valid{color:#10b981}.form-options{justify-content:flex-start;font-size:.875rem}.checkbox-container,.form-options{display:flex;align-items:flex-start}.checkbox-container{gap:.5rem;cursor:pointer;color:rgba(255,255,255,.7);line-height:1.5}.checkbox{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:.25rem;background:transparent;cursor:pointer;flex-shrink:0;margin-top:.125rem}.checkbox:checked{background:#c0a386;border-color:#c0a386}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:#c0a386;color:white;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(192,163,134,.4)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.divider{position:relative;text-align:center;margin:1.5rem 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,255,255,.1)}.divider span{background:#121212;padding:0 1rem;color:rgba(255,255,255,.5);font-size:.875rem}.social-login{display:flex;flex-direction:column;gap:.75rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;border:2px solid rgba(255,255,255,.1);border-radius:.5rem;background:rgba(255,255,255,.05);color:white;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.social-btn:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}.social-icon{width:1.25rem;height:1.25rem}.google-btn:hover{border-color:#4285F4;background:rgba(66,133,244,.1)}.apple-btn:hover{border-color:#ffffff;background:rgba(255,255,255,.1)}.signup-footer{margin-top:2rem;text-align:center}.signup-footer p{color:rgba(255,255,255,.6);font-size:.875rem;line-height:1.5}.footer-link{color:#c0a386;text-decoration:none;font-weight:500}.footer-link:hover{text-decoration:underline}.signup-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(18,18,18,.95);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.signup-loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.loading-spinner-large{width:3rem;height:3rem;border:4px solid rgba(255,255,255,.2);border-top-color:#c0a386;border-radius:50%;animation:spin 1s linear infinite}.signup-loading-content p{color:white;font-size:1.125rem;font-weight:500;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.signup-form button:disabled,.signup-form input:disabled,.signup-form select:disabled,.social-btn:disabled{opacity:.6;cursor:not-allowed}.social-btn:disabled{pointer-events:none}.checkbox:disabled{opacity:.6;cursor:not-allowed}.checkbox-container:has(.checkbox:disabled){opacity:.6;cursor:not-allowed}.password-input-container{position:relative;display:flex;align-items:center;width:100%}.password-input{width:100%;padding-right:3rem!important}.password-toggle-btn{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:rgba(255,255,255,.5);cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.password-toggle-btn:hover:not(:disabled){color:rgba(255,255,255,.8);background:rgba(255,255,255,.1)}.password-toggle-btn:focus{outline:none;color:#c0a386;background:rgba(192,163,134,.1)}.password-toggle-btn:disabled{opacity:.4;cursor:not-allowed}.password-toggle-icon{width:1.25rem;height:1.25rem;stroke-width:2}.password-input-container .form-input:focus{outline:none;border-color:#c0a386;background:rgba(255,255,255,.08)}.password-input-container:hover .password-toggle-btn{color:rgba(255,255,255,.7)}@media (max-width:480px){.password-toggle-btn{right:.75rem}.password-input{padding-right:2.75rem!important}.password-toggle-icon{width:1.125rem;height:1.125rem}}@media (max-width:768px){.header-content,.signup-content{padding:0 1rem}.signup-main{padding:2rem 0}.signup-header-text h1{font-size:2rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.form-options{align-items:flex-start}}@media (max-width:480px){.signup-main{padding:1rem 0}.signup-header-text h1{font-size:1.75rem}.nav-text{display:none}.social-login{gap:.5rem}.social-btn{padding:.75rem;font-size:.8rem}.password-requirements{gap:.125rem}.requirement{font-size:.6875rem}}