.studio-page-wrapper{--gold-primary:#dfba73;--gold-hover:#f5e2b3;--gold-dark:#aa7c11;--gold-light:#edd8a5;--black-bg:#050505;--text-white:#fff;--text-gray:#a4a4a4;--transition-premium:all .5s cubic-bezier(.16, 1, .3, 1);background-color:var(--black-bg);color:var(--text-white);background-image:linear-gradient(90deg,#050505 0% 32%,#050505e6 42%,#05050580 60%,#05050500 100%),url(/connplex-studio.png);background-position:100%;background-repeat:no-repeat;background-size:cover;min-height:100vh;font-family:Montserrat,sans-serif;position:relative;overflow-x:hidden}.studio-ambient-glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#dfba730d 0%,#0000 70%);width:30vw;height:30vw;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.studio-loader-wrapper{background-color:var(--black-bg);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s cubic-bezier(.16,1,.3,1),visibility 1s;display:flex;position:fixed;top:0;left:0}.studio-loader-wrapper.fade-out{opacity:0;visibility:hidden}.studio-loader-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.studio-loader-logo{letter-spacing:.35em;color:var(--gold-primary);text-shadow:0 0 20px #dfba734d;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:200;animation:2s ease-in-out infinite studio-pulse-glow}.studio-loader-bar{background:#dfba7326;border-radius:1px;width:180px;height:1.5px;position:relative;overflow:hidden}.studio-loader-bar:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-primary), transparent);width:0;height:100%;animation:2s cubic-bezier(.16,1,.3,1) forwards studio-load-progress;position:absolute;top:0;left:0}@keyframes studio-load-progress{0%{width:0;left:0}50%{width:60%}to{width:100%}}@keyframes studio-pulse-glow{0%,to{opacity:.6;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.2)}}.studio-container{z-index:2;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;min-height:100vh;padding:4rem 5% 4rem 7%;display:flex;position:relative}.studio-header{justify-content:flex-start;align-items:center;display:flex}.studio-logo{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.studio-logo-main{letter-spacing:.28em;color:var(--gold-primary);text-shadow:0 0 10px #dfba7340;transition:var(--transition-premium);font-size:1.45rem;font-weight:300}.studio-logo:hover .studio-logo-main{letter-spacing:.32em;color:var(--gold-hover);text-shadow:0 0 15px #dfba7380}.studio-logo-sub{letter-spacing:.38em;color:#b0915a;margin-top:.35rem;font-size:.58rem;font-weight:400}.studio-main-content{align-items:center;width:100%;margin:auto 0;display:flex}.studio-text-group{flex-direction:column;align-items:flex-start;max-width:620px;display:flex}.studio-main-title{flex-direction:column;gap:.5rem;display:flex}.studio-title-connplex{letter-spacing:.16em;color:var(--text-white);text-shadow:0 2px 10px #00000080;font-size:clamp(2.4rem,5.5vw,4.8rem);font-weight:200;line-height:1.1}.studio-title-studio{letter-spacing:.18em;background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold-primary) 35%, var(--gold-dark) 70%, var(--gold-light) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;font-size:clamp(2.4rem,5.5vw,4.8rem);font-weight:400;line-height:1.1;animation:8s linear infinite studio-metallic-sweep;display:inline-block;position:relative}.studio-glowing-o{background:radial-gradient(circle, #fff 10%, var(--gold-light) 50%, var(--gold-primary) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #dfba73cc)drop-shadow(0 0 2px #dfba7366);-webkit-background-clip:text;animation:3s ease-in-out infinite studio-o-pulse;display:inline-block;position:relative}@keyframes studio-o-pulse{0%,to{filter:drop-shadow(0 0 6px #dfba7399)drop-shadow(0 0 1px #dfba734d)}50%{filter:drop-shadow(0 0 14px #dfba73f2)drop-shadow(0 0 4px #dfba7399)}}@keyframes studio-metallic-sweep{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.studio-subtitle{letter-spacing:.58em;color:var(--text-white);opacity:.9;text-transform:uppercase;margin-top:1.8rem;margin-bottom:1.8rem;font-size:clamp(.9rem,1.8vw,1.25rem);font-weight:300}.studio-tagline{color:#e5e5e5;letter-spacing:.03em;margin-bottom:2.8rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,2.2vw,1.65rem);font-style:italic;font-weight:300;line-height:1.4}.studio-cta-button{color:var(--gold-primary);letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:var(--transition-premium);background:0 0;border:1px solid #dfba7359;border-radius:1px;align-items:center;gap:1.8rem;padding:1.1rem 2.5rem;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.studio-cta-button:before{content:"";background:linear-gradient(90deg,#0000,#dfba7314,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.studio-btn-arrow svg{width:20px;height:20px;transition:var(--transition-premium)}.studio-cta-button:hover{border-color:var(--gold-primary);color:var(--text-white);background:#dfba7308;box-shadow:0 0 35px #dfba7347,inset 0 0 15px #dfba730d}.studio-cta-button:hover:before{left:100%}.studio-cta-button:hover .studio-btn-arrow svg{transform:translate(8px)}.studio-cta-button:active{transform:scale(.98)}.studio-footer{justify-content:flex-start;align-items:center;display:flex}.studio-social-section{align-items:center;display:flex}.studio-follow-text{letter-spacing:.22em;color:var(--text-gray);-webkit-user-select:none;user-select:none;font-size:.72rem;font-weight:500}.studio-divider{color:#dfba7359;margin:0 1.2rem;font-size:.8rem;font-weight:300}.studio-social-icons{gap:1.3rem;display:flex}.studio-social-icon{color:var(--gold-primary);transition:var(--transition-premium);justify-content:center;align-items:center;display:flex}.studio-social-icon svg{width:18px;height:18px}.studio-social-icon:hover{color:var(--text-white);filter:drop-shadow(0 0 6px #dfba73cc);transform:translateY(-3px)}.studio-modal-overlay{-webkit-backdrop-filter:blur(25px);z-index:999;opacity:0;visibility:hidden;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s;display:flex;position:fixed;top:0;left:0}.studio-modal-overlay.active{opacity:1;visibility:visible}.studio-modal-card{background:#0a0a0ad9;border:1px solid #dfba7340;border-radius:2px;width:100%;max-width:520px;padding:3.5rem 3rem;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative;transform:scale(.9)translateY(20px);box-shadow:0 25px 50px -12px #000c,0 0 40px #dfba730d}.studio-modal-overlay.active .studio-modal-card{transform:scale(1)translateY(0)}.studio-modal-close{color:var(--text-gray);cursor:pointer;transition:var(--transition-premium);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.studio-modal-close svg{width:18px;height:18px}.studio-modal-close:hover{color:var(--text-white);transform:rotate(90deg)}.studio-modal-badge{letter-spacing:.35em;color:var(--gold-primary);text-transform:uppercase;margin-bottom:1rem;font-size:.65rem;font-weight:600}.studio-modal-title{letter-spacing:.18em;color:var(--text-white);margin-bottom:1.2rem;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:300}.studio-modal-desc{color:#bcbcbc;margin-bottom:2.2rem;font-size:.9rem;font-weight:300;line-height:1.6}.studio-modal-form{flex-direction:column;gap:2rem;display:flex}.studio-input-group{width:100%;position:relative}.studio-input-group input{width:100%;color:var(--text-white);transition:var(--transition-premium);background:0 0;border:none;border-bottom:1px solid #dfba7340;outline:none;padding:.8rem 0;font-family:Montserrat,sans-serif;font-size:.95rem}.studio-input-group label{color:var(--text-gray);pointer-events:none;transition:var(--transition-premium);letter-spacing:.05em;font-size:.95rem;font-weight:300;position:absolute;top:.8rem;left:0}.studio-input-group input:focus~label,.studio-input-group input:not(:placeholder-shown)~label{color:var(--gold-primary);letter-spacing:.12em;font-size:.72rem;top:-1.1rem}.studio-input-group .studio-bar{background:var(--gold-primary);width:0;height:1.5px;transition:var(--transition-premium);position:absolute;bottom:0;left:50%}.studio-input-group input:focus~.studio-bar{width:100%;left:0}.studio-submit-button{border:1px solid var(--gold-primary);color:var(--gold-primary);letter-spacing:.2em;cursor:pointer;transition:var(--transition-premium);background:0 0;border-radius:1px;justify-content:center;align-items:center;gap:1.2rem;width:100%;margin-top:1rem;padding:1.1rem 2rem;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:600;display:flex}.studio-submit-arrow{width:18px;height:18px;transition:var(--transition-premium)}.studio-submit-button:hover{background:var(--gold-primary);color:var(--black-bg);box-shadow:0 0 25px #dfba7359}.studio-submit-button:hover .studio-submit-arrow{transform:translate(6px)}.studio-success-message{text-align:center;flex-direction:column;align-items:center;animation:.6s cubic-bezier(.16,1,.3,1) studio-fade-scale-in;display:flex}.studio-success-icon-wrapper{border:1px solid var(--gold-primary);width:70px;height:70px;color:var(--gold-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.8rem;animation:.8s cubic-bezier(.16,1,.3,1) studio-rotate-check;display:flex;box-shadow:0 0 20px #dfba7333}.studio-success-icon{width:32px;height:32px}.studio-success-title{letter-spacing:.18em;color:var(--text-white);margin-bottom:1.2rem;font-size:1.5rem;font-weight:300}.studio-success-desc{color:#bcbcbc;max-width:400px;margin-bottom:2.2rem;font-size:.92rem;font-weight:300;line-height:1.7}.studio-success-desc strong{color:var(--gold-primary);font-weight:400}.studio-close-success{color:var(--text-gray);letter-spacing:.18em;cursor:pointer;transition:var(--transition-premium);background:0 0;border:1px solid #dfba734d;border-radius:1px;padding:.9rem 2.5rem;font-family:Montserrat,sans-serif;font-size:.75rem}.studio-close-success:hover{border-color:var(--gold-primary);color:var(--text-white);box-shadow:0 0 15px #dfba7326}@keyframes studio-fade-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes studio-rotate-check{0%{opacity:0;transform:scale(.5)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(0)}}.studio-animate-fade-in{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) .5s forwards studio-fadeIn}.studio-animate-slide-up-1{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) .7s forwards studio-slideUp}.studio-animate-slide-up-2{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) .85s forwards studio-slideUp}.studio-animate-slide-up-3{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) 1s forwards studio-slideUp}.studio-animate-slide-up-4{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) 1.15s forwards studio-slideUp}.studio-animate-slide-up-5{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) 1.3s forwards studio-slideUp}@keyframes studio-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes studio-slideUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1920px){.studio-container{max-width:1600px;margin:0 auto;padding-left:0;padding-right:0}}@media (max-width:1199px){.studio-page-wrapper{background-image:linear-gradient(90deg,#050505 0% 38%,#050505e6 52%,#05050566 75%,#05050500 100%),url(/connplex-studio.png)}.studio-container{padding:3.5rem 5%}}@media (max-width:991px){.studio-page-wrapper{background-image:linear-gradient(#050505eb 0%,#050505cc 45%,#050505eb 100%),url(/connplex-studio.png);background-position:50%}.studio-container{justify-content:space-between;padding:3rem 6%}.studio-main-content{text-align:center;justify-content:center;margin:4rem 0}.studio-text-group{align-items:center;max-width:100%}.studio-header,.studio-footer{justify-content:center;width:100%}.studio-logo{align-items:center}}@media (max-width:576px){.studio-page-wrapper{background-image:linear-gradient(#050505f2 0%,#050505d9 50%,#050505f2 100%),url(/connplex-studio.png)}.studio-container{padding:2.5rem 5%}.studio-logo-main{font-size:1.25rem}.studio-logo-sub{font-size:.5rem}.studio-main-content{margin:3rem 0}.studio-subtitle{margin-top:1.5rem;margin-bottom:1.5rem}.studio-tagline{margin-bottom:2.2rem}.studio-cta-button{justify-content:center;width:100%;padding:1rem 1.8rem}.studio-modal-card{padding:2.5rem 1.8rem}}