:root{--connect-bg-dark: #020202;--connect-bg-darker: #070709;--connect-border: #141414;--connect-border-subtle: #5f5f5f10;--connect-text-primary: #fcfcfc;--connect-text-secondary: #ffffff70;--connect-text-tertiary: #ffffff55;--connect-text-muted: #ffffff35;--connect-radius: 15px;--connect-container-height: 700px}main{height:auto;padding:50px 0;width:100%;display:flex;align-items:center;justify-content:center}.main-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.main-content-wrapper{width:1440px;display:flex;overflow:hidden;padding:0 var(--container-padding)}.connect-info-container{width:400px;height:var(--connect-container-height);background:var(--connect-bg-dark);border:1px solid var(--connect-border);border-right:none;border-radius:var(--connect-radius) 0 0 var(--connect-radius)}.connect-info-container h1{color:var(--connect-text-primary);font-weight:500;font-size:32px;margin-bottom:12px}.connect-form-info{padding:30px;width:100%;height:auto}.connect-form-info p{color:var(--connect-text-tertiary);line-height:1.7;margin-bottom:12px}.connect-form-info span{color:#ffffffc0;font-weight:400}.connect-form-pg img{width:18px;height:18px;opacity:.8;margin-right:4px;transform:translateY(2.5px)}.socials-container{width:100%;height:120px;border:1px solid var(--connect-border);border-left:none;border-right:none;padding:30px;display:flex;flex-direction:column;justify-content:center}.socials-container h2{color:var(--connect-text-secondary);font-weight:500;font-size:19px;margin-bottom:12px}.socials-links{color:var(--connect-text-muted);display:flex;gap:16px}.slink-wrapper a{display:flex;gap:4px;text-decoration:none;color:#fff;opacity:.35;transition:.2s ease;cursor:pointer}.slink-wrapper a:hover{opacity:.6;transition:.2s ease}.connect-form-container{width:1040px;height:var(--connect-container-height);background:var(--connect-bg-darker);border:1px solid var(--connect-border);border-left:none;border-radius:0 var(--connect-radius) var(--connect-radius) 0;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.connect-glow{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.glow-circle{position:absolute;border-radius:50%;filter:blur(150px);opacity:.5;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.glow-yellow{width:500px;height:800px;background:radial-gradient(circle,#ce7b3b93,#8b3f4700 80%);top:50%;left:-100px;transform:translateY(-50%)}.glow-yellow:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,#8a0030e6,#8a003066 30%,#8a003000 80%);opacity:0;transition:opacity 1.2s ease;will-change:opacity;transform:translateZ(0);backface-visibility:hidden}.connect-form-container.form-active .glow-yellow:after{opacity:1}.glow-orange{width:500px;height:800px;background:radial-gradient(circle,#ce603b89,#508b3f00 80%);top:50%;left:25%;transform:translateY(-50%)}.glow-orange:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,#8a0030d9,#8a003059 30%,#8a003000 80%);opacity:0;transition:opacity 1.2s ease;will-change:opacity;transform:translateZ(0);backface-visibility:hidden}.connect-form-container.form-active .glow-orange:after{opacity:1}.glow-pink{width:500px;height:800px;background:radial-gradient(circle,#8b3f4796,#47508a00 80%);top:50%;right:25%;transform:translateY(-50%)}.glow-pink:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,#8a0030e6,#8a003061 30%,#8a003000 80%);opacity:0;transition:opacity 1.2s ease;will-change:opacity;transform:translateZ(0);backface-visibility:hidden}.connect-form-container.form-active .glow-pink:after{opacity:1}.glow-purple{width:500px;height:800px;background:radial-gradient(circle,#8b3f6fd4,#8a100000 70%);top:50%;right:-100px;transform:translateY(-50%)}.glow-purple:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,#8a0030f2,#8a00306b 30%,#8a003000 70%);opacity:0;transition:opacity 1.2s ease;will-change:opacity;transform:translateZ(0);backface-visibility:hidden}.connect-form-container.form-active .glow-purple:after{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-input-container.hidden{display:none}.form-stage-one{display:none;width:460px;height:480px;background:linear-gradient(160deg,#3f3f3f30,#00000050 50%);border-radius:25px;border:2px solid var(--connect-border-subtle);backdrop-filter:blur(30px);overflow-y:auto;overflow-x:hidden;transform:translateZ(0);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05);padding:40px 30px;will-change:transform,opacity;backface-visibility:hidden}.form-info{width:90%}.form-stage-one.active{display:block;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s both}.form-stage-one.active .form-info>*{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) both}.form-stage-one.active .form-info>*:nth-child(1){animation-delay:.3s}.form-stage-one.active .form-info>*:nth-child(2){animation-delay:.35s}.form-stage-one.active .form-info form>*:nth-child(1){animation-delay:.4s}.form-stage-one.active .form-info form>*:nth-child(2){animation-delay:.45s}.form-stage-one.active .form-info form>*:nth-child(3){animation-delay:.5s}.form-stage-one.active .form-info form>*:nth-child(4){animation-delay:.55s}.form-stage-one.active .form-info form>*:nth-child(5){animation-delay:.6s}.form-stage-one::-webkit-scrollbar{width:6px!important}.form-stage-one::-webkit-scrollbar-track{background:#ffffff0d!important;border-radius:10px!important}.form-stage-one::-webkit-scrollbar-thumb{background:#fff3!important;border-radius:10px!important}.form-stage-one::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}.form-stage-one h2{color:var(--connect-text-primary);font-weight:600;font-size:28px;margin-bottom:24px}.form-stage-one p{color:var(--connect-text-tertiary);font-size:14px;line-height:1.5;margin-bottom:4px;letter-spacing:10px;font-style:italic}.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--connect-text-secondary);font-size:14px;margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea{width:100%;border:1px solid rgba(255,255,255,.1);background:none;border-radius:8px;padding:12px 16px;color:var(--connect-text-primary);font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-group input::placeholder{color:#ffffff30}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffffff4d}.form-group textarea{resize:vertical;min-height:80px}.switch-container{display:flex;width:100%}.switch-option{flex:1;padding:16px;background:#00000015;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--connect-text-secondary);font-size:14px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s ease}.switch-option.active{background:#6161614f;color:var(--connect-text-primary)}.switch-option:hover{background:#61616108;color:var(--connect-text-primary)}.switch-option.active:hover{background:#6161614f!important;color:var(--connect-text-primary)!important}.switch-right{border-radius:0 8px 8px 0;border-left:none}.switch-left{border-radius:8px 0 0 8px}.phone-input-wrapper{display:flex}.phone-input-wrapper input[type=tel]{flex:1;border-radius:0 8px 8px 0!important}.country-selector-wrapper{position:relative;width:60px;flex-shrink:0}.country-display-btn{width:100%;height:46px;background:none;border:1px solid rgba(255,255,255,.1);border-right:none;border-radius:8px 0 0 8px;cursor:pointer;transition:border-color .2s ease;display:flex;align-items:center;justify-content:center}.country-display-btn:hover{border-color:#ffffff4d}.country-flag-img{width:26px;height:18px;object-fit:cover;border-radius:2px}.country-select-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.form-group select{width:100%;padding:12px 36px 12px 16px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--connect-text-primary);font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23ffffff70' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-group select:focus{outline:none;border-color:#ffffff4d}.form-group select option{background:#0a0a0a;color:var(--connect-text-primary);padding:12px}.form-continue-btn{width:100%;padding:14px 24px;background:#fff;border:none;border-radius:8px;color:#000;font-size:15px;font-weight:500;font-family:inherit;cursor:pointer;margin-top:8px;transition:all .2s ease}.form-continue-btn:hover:not(:disabled){background:#ffffffe6}.form-continue-btn:disabled{background:#fff3;color:#0006;cursor:not-allowed}.form-continue-btn.locked{opacity:.5}.connect-form-container.form-active .glow-yellow,.connect-form-container.form-active .glow-orange,.connect-form-container.form-active .glow-pink,.connect-form-container.form-active .glow-purple{background:radial-gradient(circle,#8a0030,#8a003000 80%)}.form-content{z-index:1}.form-input-container{width:460px;height:480px;background:linear-gradient(160deg,#3f3f3f30,#00000050 50%);border-radius:25px;border:2px solid var(--connect-border-subtle);backdrop-filter:blur(30px);display:flex;justify-content:center;flex-direction:column;padding:30px;transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden}.form-input-container h1{color:var(--connect-text-primary);font-weight:600;font-size:38px}.form-input-container span{font-size:19px;color:var(--connect-text-secondary);margin-bottom:4px}.form-input-container p{color:var(--connect-text-tertiary);margin-top:8px;line-height:1.5;max-width:380px}.form-input-container button{background:#fff;border:none;color:#000;width:165px;height:55px;border-radius:50px;font-weight:500;font-size:16px;margin-top:24px;cursor:pointer}.form-divider-upper{margin-bottom:40px;width:90%}.form-divider-lower{margin-top:40px;width:90%}.connect-details{width:var(--container-max);height:22vh;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between}.connect-details h1{color:var(--connect-text-primary);font-weight:900;text-transform:uppercase;letter-spacing:1px;font-size:45px}.connect-details p{color:var(--connect-text-tertiary);margin-top:4px;line-height:1.5;font-size:19px}.connect-details button{background:#090909;border:2px solid var(--connect-border);color:#fcfcfc50;width:185px;height:75px;border-radius:50px;font-weight:500;font-size:16px;cursor:pointer}@media (max-width: 1440px){.connect-form-container,.main-content-wrapper,.connect-details{width:100%}}@media (max-width: 1110px){.main-content-wrapper{display:flex;flex-direction:column}.connect-info-container{border-radius:var(--connect-radius) var(--connect-radius) 0 0;width:100%;height:auto;display:flex;justify-content:center;flex-direction:column;border-right:1px solid var(--connect-border)}.connect-form-info{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;padding:0}.connect-form-info h1{text-align:left;width:700px}.connect-form-pg{display:flex;width:700px;gap:20px}.connect-form-pg p{width:350px}.socials-container{height:150px;border-bottom:none;padding:0 30px;display:flex;align-items:center;justify-content:center}.connect-form-container{border-radius:0 0 var(--connect-radius) var(--connect-radius);border-top:none;border-left:1px solid var(--connect-border)}}@media (max-width: 850px){.main-content-wrapper{padding:0}.connect-info-container,.connect-form-container{border-radius:0}.connect-form-container{min-height:50vh}.glow-circle{filter:blur(100px)}.form-stage-one,.form-input-container{backdrop-filter:blur(20px)}.connect-form-pg{flex-direction:column;align-items:center;text-align:center;width:100%;text-wrap:balance}.connect-form-pg p{width:80%;text-wrap:balance;font-size:14px;margin-bottom:0}.connect-form-info{height:auto;min-width:none!important;padding:50px 0;align-items:center;justify-content:center}.connect-form-info h1{text-align:center}.socials-container h2{font-size:18px}.slink-wrapper a{font-size:14px}.form-input-container{width:340px;display:flex;flex-direction:column;align-items:center;justify-content:center}.form-input-container span{font-size:18px}.form-input-container h1{font-size:29px}.form-input-container p{font-size:14px;text-wrap:balance;text-align:center}.form-input-container button{width:135px;height:45px;font-size:14px}.connect-details{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:auto;padding:100px 20px}.connect-details h1{font-size:29px}.connect-details p{font-size:16px}.connect-details button{margin-top:16px;width:225px;height:65px}}
