.join-page{background:linear-gradient(135deg, var(--color-navy) 0%, #0d121c 100%);min-height:100vh;color:var(--color-white);font-family:var(--font-body);flex-direction:column;display:flex;position:relative}.join-page:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#d1f34d0d 1px,#0000 1px),linear-gradient(90deg,#d1f34d0d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.join-container{z-index:1;flex-direction:column;flex:1;align-items:center;padding:10rem 5% 6rem;display:flex}.join-header{text-align:center;max-width:800px;margin-bottom:4rem}.join-header h1{font-family:var(--font-heading);letter-spacing:-.04em;text-transform:uppercase;color:var(--color-white);margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1}.join-header h1 span{color:var(--color-accent);font-family:var(--font-caveat);letter-spacing:0;text-transform:none;font-size:1.2em;font-weight:700;display:inline-block;position:relative}.join-header p{color:#ccc;font-size:1.2rem;font-weight:500;line-height:1.6}.join-toggle-container{background:var(--color-white);border:3px solid var(--color-accent);width:100%;max-width:450px;box-shadow:6px 6px 0 var(--color-accent);border-radius:100px;margin-bottom:4rem;padding:.5rem;display:flex;position:relative}.join-toggle-btn{text-align:center;font-family:var(--font-heading);color:var(--color-navy);cursor:pointer;z-index:2;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;flex:1;padding:1rem;font-size:1.1rem;font-weight:800;transition:color .3s}.join-toggle-btn.active{color:var(--color-accent)}.join-toggle-pill{background:var(--color-navy);z-index:1;border:2px solid var(--color-accent);border-radius:100px;width:calc(50% - .5rem);height:calc(100% - 1rem);transition:transform .4s cubic-bezier(.85,0,.15,1);position:absolute;top:.5rem;left:.5rem}.join-toggle-container[data-active=wholesaler] .join-toggle-pill{transform:translate(100%)}.join-form-wrapper{background:var(--color-white);border:4px solid var(--color-accent);width:100%;max-width:800px;box-shadow:16px 16px 0 var(--color-accent);color:var(--color-navy);padding:4rem;position:relative}.join-form-content{flex-direction:column;gap:2rem;animation:.5s forwards fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.join-input-group{flex-direction:column;gap:.8rem;display:flex}.join-row{gap:2rem;display:flex}.join-row .join-input-group{flex:1}.join-input-group label{font-family:var(--font-heading);color:var(--color-navy);text-transform:uppercase;letter-spacing:.1em;font-size:.95rem;font-weight:800}.join-input-group input,.join-input-group select,.join-input-group textarea{background:var(--color-bg-start);border:3px solid var(--color-navy);color:var(--color-navy);font-family:var(--font-body);outline:none;padding:1.2rem;font-size:1rem;font-weight:500;transition:all .2s}.join-input-group textarea{resize:vertical;min-height:120px}.join-input-group input:focus,.join-input-group select:focus,.join-input-group textarea:focus{background:var(--color-white);border-color:var(--color-accent);box-shadow:4px 4px 0 var(--color-accent)}.join-input-group select option{background:var(--color-white);color:var(--color-navy)}.join-submit-btn{background:var(--color-navy);color:var(--color-accent);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;border:3px solid var(--color-accent);cursor:pointer;box-shadow:6px 6px 0 var(--color-accent);margin-top:1rem;padding:1.5rem;font-size:1.1rem;font-weight:800;transition:all .2s}.join-submit-btn:hover{box-shadow:0px 0px 0 var(--color-accent);background:var(--color-accent);color:var(--color-navy);transform:translate(4px,4px)}@media (max-width:768px){.join-row{flex-direction:column;gap:2rem}.join-form-wrapper{box-shadow:8px 8px 0 var(--color-accent);padding:2rem}.join-header h1{font-size:2.5rem}}