body,html{background:linear-gradient(135deg,#b83280,#a0234a)}body{min-height:100vh}.join-container{background:hsla(0,0%,100%,.98);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);margin-bottom:50px;margin-top:100px;overflow:hidden;padding-left:0;padding-right:0}.join-header{background:linear-gradient(135deg,#d946a6,#c42c5c);color:#fff;overflow:hidden;padding:60px 20px;position:relative;text-align:center}.join-header:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.join-header h1{-webkit-text-fill-color:transparent;animation:heroEntrance 1s cubic-bezier(.34,1.56,.64,1) forwards,gradientShift 3s ease-in-out 1s infinite,textGlow 3s ease-in-out 1s infinite;background:linear-gradient(90deg,#fff,#fff8dc 25%,gold 50%,#fff8dc 75%,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% auto;filter:drop-shadow(0 4px 20px rgba(255,255,255,.4));font-size:3rem;font-weight:800;margin-bottom:20px;opacity:0;position:relative;transform:scale(.5) translateY(-30px);z-index:1}@keyframes heroEntrance{0%{filter:drop-shadow(0 0 0 rgba(255,255,255,0));opacity:0;transform:scale(.5) translateY(-30px)}50%{filter:drop-shadow(0 0 40px rgba(255,215,0,.8));opacity:1;transform:scale(1.1) translateY(0)}to{filter:drop-shadow(0 4px 20px rgba(255,255,255,.4));opacity:1;transform:scale(1) translateY(0)}}@keyframes gradientShift{0%,to{background-position:0}50%{background-position:100%}}@keyframes textGlow{0%,to{filter:drop-shadow(0 4px 20px rgba(255,255,255,.4))}50%{filter:drop-shadow(0 4px 30px rgba(255,215,0,.6))}}.join-header p{animation:fadeInUp .8s ease-out .3s forwards;font-size:1.2rem;margin:0 auto;max-width:700px;opacity:0;position:relative;z-index:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:.95;transform:translateY(0)}}.join-shapes{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.join-shape{animation:floatShape 6s ease-in-out infinite;background:hsla(0,0%,100%,.08);border-radius:50%;position:absolute}.join-shape:first-child{animation-delay:0s;height:120px;right:10%;top:-30px;width:120px}.join-shape:nth-child(2){animation-delay:2s;bottom:20px;height:80px;left:8%;width:80px}.join-shape:nth-child(3){animation-delay:4s;height:60px;right:5%;top:50%;width:60px}@keyframes floatShape{0%,to{opacity:.6;transform:translateY(0) scale(1)}50%{opacity:.9;transform:translateY(-15px) scale(1.05)}}.join-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.join-particles span{animation:sparkle 4s ease-in-out infinite;background:hsla(0,0%,100%,.8);border-radius:50%;box-shadow:0 0 10px hsla(0,0%,100%,.5);height:6px;position:absolute;width:6px}.join-particles span:first-child{animation-delay:0s;left:15%;top:20%}.join-particles span:nth-child(2){animation-delay:.8s;left:25%;top:60%}.join-particles span:nth-child(3){animation-delay:1.6s;right:20%;top:30%}.join-particles span:nth-child(4){animation-delay:2.4s;right:15%;top:70%}.join-particles span:nth-child(5){animation-delay:3.2s;left:50%;top:45%}@keyframes sparkle{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-20px) scale(1)}}.form-section{padding:60px 30px}.benefits-section{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-bottom:1px solid rgba(217,70,166,.1);padding:40px 30px}.benefits-grid{display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:1000px}.benefit-card{background:#fff;border:1px solid rgba(217,70,166,.1);border-radius:16px;box-shadow:0 4px 15px rgba(196,44,92,.08);padding:25px 15px;text-align:center;transition:all .3s ease}.benefit-card:hover{box-shadow:0 10px 30px rgba(196,44,92,.15);transform:translateY(-5px)}.benefit-card .benefit-icon{align-items:center;background:linear-gradient(135deg,#d946a6,#c42c5c);border-radius:12px;box-shadow:0 4px 12px rgba(196,44,92,.3);color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;margin:0 auto 15px;transition:all .3s ease;width:50px}.benefit-card:hover .benefit-icon{transform:scale(1.1) rotate(5deg)}.benefit-card h4{color:#333;font-size:1rem;font-weight:700;margin:0 0 8px}.benefit-card p{color:#666;font-size:.85rem;line-height:1.4;margin:0}@media (max-width:900px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefit-card{padding:20px 12px}.benefit-card:last-child{grid-column:1/-1;margin:0 auto;max-width:200px}}.form-container{margin:0 auto;max-width:800px}.next-steps{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border:1px solid rgba(217,70,166,.1);border-radius:16px;margin-top:40px;padding:30px}.next-steps h4{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:25px;text-align:center}.next-steps h4 i{color:#d946a6;margin-right:10px}.steps-timeline{align-items:flex-start;display:flex;justify-content:space-between;padding:0 20px;position:relative}.steps-timeline:before{background:linear-gradient(90deg,#d946a6,#c42c5c);content:"";height:3px;left:12.5%;position:absolute;right:12.5%;top:20px;z-index:0}.step{flex:1;flex-direction:column;position:relative;text-align:center;z-index:1}.step,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#d946a6,#c42c5c);border-radius:50%;box-shadow:0 4px 15px rgba(196,44,92,.3);color:#fff;font-size:1rem;font-weight:700;height:40px;justify-content:center;margin-bottom:12px;transition:all .3s ease;width:40px}.step:hover .step-number{box-shadow:0 6px 20px rgba(196,44,92,.4);transform:scale(1.15)}.step span{color:#555;font-size:.85rem;line-height:1.4;max-width:120px}.section-title{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:30px;padding-bottom:20px;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#d946a6,#c42c5c);bottom:0;box-shadow:0 2px 8px rgba(217,70,166,.3);width:100px}.section-title:after,.section-title:before{border-radius:3px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%)}.section-title:before{background:linear-gradient(90deg,#c42c5c,#d946a6);bottom:-5px;opacity:.4;width:40px}.form-group{margin-bottom:30px}.form-label{color:#444;display:block;font-size:1rem;font-weight:600;margin-bottom:10px;transition:color .2s ease}.form-group:focus-within .form-label{color:#d946a6}.form-label .required{color:#c42c5c;margin-left:3px}.form-control{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;padding:15px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-control:hover{background:#fff;border-color:#d0d0d0}.form-control:focus{background:#fff;border-color:#d946a6;box-shadow:0 0 0 4px rgba(217,70,166,.12);outline:none;transform:translateY(-1px)}textarea.form-control{min-height:150px;resize:vertical}select.form-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;cursor:pointer;height:auto;min-height:54px;padding-right:40px}select.form-control::-ms-expand{display:none}input[type=date].form-control,input[type=email].form-control,input[type=tel].form-control,input[type=text].form-control{min-height:54px}.checkbox-group{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-top:10px;padding:25px}.checkbox-item{margin:12px 0}.checkbox-item input[type=checkbox]{accent-color:#d946a6;cursor:pointer;height:20px;margin-right:10px;transition:transform .2s ease;width:20px}.checkbox-item input[type=checkbox]:hover{transform:scale(1.1)}.checkbox-item input[type=checkbox]:checked{animation:checkPop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkPop{0%{transform:scale(.8)}50%{transform:scale(1.3)}to{transform:scale(1)}}.checkbox-item label{color:#555;cursor:pointer;font-size:1rem;transition:color .2s ease}.checkbox-item input[type=checkbox]:checked+label{color:#333;font-weight:500;margin-bottom:0}.submit-btn{background:linear-gradient(135deg,#d946a6,#c42c5c);border:none;border-radius:50px;box-shadow:0 10px 30px rgba(196,44,92,.3);color:#fff;cursor:pointer;display:block;font-size:1.2rem;font-weight:700;margin:40px auto 0;overflow:hidden;padding:18px 60px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.submit-btn:before{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.submit-btn:hover:before{height:300px;width:300px}.submit-btn:hover{box-shadow:0 20px 50px rgba(196,44,92,.45);transform:translateY(-4px) scale(1.02)}.submit-btn:active{transform:translateY(-1px) scale(.98)}.submit-btn i{position:relative;z-index:1}.info-box{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(5,150,105,.12));border-left:5px solid #10b981;border-radius:12px;box-shadow:0 4px 15px rgba(16,185,129,.1);margin-bottom:40px;padding:25px;transition:all .3s ease}.info-box:hover{box-shadow:0 8px 25px rgba(16,185,129,.15);transform:translateY(-2px)}.info-box-header{align-items:center;display:flex;margin-bottom:10px}.info-box-header i{color:#10b981;font-size:1.5rem;margin-right:12px}.info-box-header strong{color:#333;font-size:1.1rem}.info-box p{color:#555;line-height:1.6;margin:0}.success-message{animation:slideDown .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:5px solid #28a745;border-radius:12px;box-shadow:0 5px 20px rgba(40,167,69,.15);color:#155724;display:none;margin-top:25px;padding:25px}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.success-message i{font-size:1.2rem;margin-right:8px}.error-message{color:#c42c5c;display:none;font-size:.9rem;margin-top:5px}.privacy-consent-box{align-items:stretch;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(196,44,92,.2);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;overflow:hidden;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.privacy-consent-box:hover{border-color:rgba(196,44,92,.4);box-shadow:0 8px 30px rgba(196,44,92,.2);transform:translateY(-2px)}.privacy-consent-icon{align-items:center;background:linear-gradient(135deg,#c42c5c,#d946a6);display:flex;flex-shrink:0;justify-content:center;padding:25px 20px}.privacy-consent-icon i{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:28px}.privacy-consent-content{flex:1;padding:20px 25px}.privacy-consent-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.privacy-consent-title{color:hsla(0,0%,100%,.6);font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.privacy-consent-header .required{color:#ff6b6b;font-size:16px}.privacy-consent-label{align-items:flex-start;cursor:pointer;display:flex;gap:15px;position:relative}.privacy-consent-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.privacy-checkbox-custom{align-items:center;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.3);border-radius:6px;display:flex;height:24px;justify-content:center;margin-top:2px;min-width:24px;transition:all .3s ease;width:24px}.privacy-checkbox-custom i{color:#fff;font-size:12px;opacity:0;transform:scale(0);transition:all .2s ease}.privacy-consent-label input[type=checkbox]:checked+.privacy-checkbox-custom{background:linear-gradient(135deg,#c42c5c,#d946a6);border-color:#c42c5c;box-shadow:0 0 12px rgba(196,44,92,.4)}.privacy-consent-label input[type=checkbox]:checked+.privacy-checkbox-custom i{opacity:1;transform:scale(1)}.privacy-consent-label:hover .privacy-checkbox-custom{background:rgba(196,44,92,.1);border-color:rgba(196,44,92,.6)}.privacy-consent-text{color:hsla(0,0%,100%,.85);font-size:15px;line-height:1.6}.privacy-consent-box a{color:#d946a6;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.privacy-consent-box a:after{background:linear-gradient(90deg,#c42c5c,#d946a6);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.privacy-consent-box a:hover{color:#ff6b9d}.privacy-consent-box a:hover:after{transform:scaleX(1);transform-origin:left}.reveal{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width:768px){.join-header h1{font-size:2rem}.form-section{padding:40px 20px}.submit-btn{font-size:1rem;padding:15px 40px}.benefits-section{padding:30px 20px}.steps-timeline{flex-direction:column;gap:20px;padding:0}.steps-timeline:before{bottom:0;height:auto;left:20px;right:auto;top:0;width:3px}.step{flex-direction:row;gap:15px;text-align:left}.step span{max-width:none}.step-number{margin-bottom:0}.next-steps{padding:20px}.privacy-consent-box{flex-direction:column}.privacy-consent-icon{padding:15px}.privacy-consent-icon i{font-size:24px}.privacy-consent-content{padding:18px}.privacy-consent-text{font-size:14px}}
