*{margin:0;padding:0;box-sizing:border-box;touch-action:manipulation}html,body{height:100%;width:100%;overflow-x:hidden;touch-action:manipulation;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:'Arial',sans-serif}.container{display:flex;flex-direction:column;min-height:100vh;width:100vw;background:var(--dynamic-background,#fff);background-size:cover;background-position:center;position:relative}.main-wrapper{display:flex;flex:1;min-height:calc(100vh - 80px)}.container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><defs><radialGradient id="card1" cx="20%" cy="30%"><stop offset="0%" stop-color="rgba(255,255,255,0.3)"/><stop offset="100%" stop-color="rgba(255,255,255,0)"/></radialGradient><radialGradient id="card2" cx="80%" cy="70%"><stop offset="0%" stop-color="rgba(255,255,255,0.2)"/><stop offset="100%" stop-color="rgba(255,255,255,0)"/></radialGradient></defs><rect width="100%" height="100%" fill="url(%23card1)"/><rect width="100%" height="100%" fill="url(%23card2)"/></svg>');pointer-events:none;z-index:1}.left-column{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2;min-width:280px}.right-column{flex:1;padding:20px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.logo{display:flex;align-items:center;justify-content:flex-start;gap:20px}.logo-img{max-width:120px;height:auto}.logo h1{display:none}.social-links{display:flex;gap:15px}.social-links a{color:#fff;font-size:28px;transition:color .3s ease}.social-links a:hover{color:#555}.main-title{font-size:clamp(24px,4vw,48px);font-weight:900;color:var(--main-text-color,#000);line-height:1.2;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,0.1);text-align:left;position:absolute;top:20%;left:40px;z-index:3}.benefits-box{background:rgba(255,255,255,0.7);border-radius:15px;padding:20px;margin:15px 0;box-shadow:0 10px 30px rgba(0,0,0,0.1);backdrop-filter:blur(10px);position:absolute;bottom:150px;left:40px;right:30%;max-width:calc(70% - 80px)}.benefit-item{display:flex;align-items:center;margin:10px 0;font-size:clamp(12px,1.2vw,16px);font-weight:500;color:#333;flex-wrap:wrap;gap:8px}.benefit-item .icon{font-size:clamp(16px,1.8vw,20px);margin-right:8px;width:auto;flex-shrink:0}.benefit-item .benefit-icon{font-size:clamp(16px,1.8vw,20px);margin-right:8px;width:auto;flex-shrink:0}.benefit-item .benefit-text{flex:1;font-size:clamp(12px,1.2vw,16px);line-height:1.4;color:#333}.footer{background:transparent;color:#000;padding:10px 20px;text-align:left;position:fixed;bottom:0;left:0;right:50%;z-index:10}.footer-content{max-width:1200px;margin:0 auto 0 20px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.footer .terms-link{color:#000;text-decoration:underline;font-weight:bold;font-size:12px;margin-bottom:3px;display:inline-block}.footer .terms-link:hover{color:#333}.footer .legal-text{color:#000;font-size:10px;line-height:1.3;text-align:left}.footer .legal-text p{margin:1px 0}.footer-info{margin-top:auto}.terms-link{color:#000;text-decoration:underline;font-weight:bold;font-size:clamp(14px,1.2vw,16px);margin-bottom:10px;display:inline-block}.legal-text{color:#000;font-size:clamp(12px,1vw,14px);line-height:1.4}.legal-text p{margin:5px 0}.form-container{background:rgba(0,0,0,0.9);border-radius:20px;padding:15px;width:100%;max-width:400px;height:auto;min-height:600px;box-shadow:0 20px 40px rgba(0,0,0,0.3);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center}.form-header{display:none}.iframe-container{margin:0 auto;border-radius:15px;overflow:hidden;box-shadow:none;background:0;backdrop-filter:none;width:100%;height:100%;max-width:375px;min-height:500px;aspect-ratio:375 / 667;position:relative;touch-action:manipulation}.iframe-container iframe{width:100%;height:100%;border:0;border-radius:0;transform-origin:top left;transform:scale(1);touch-action:manipulation;pointer-events:auto}.register-text{color:#fff;font-size:24px;font-weight:700;text-align:center;margin:0 0 20px 0;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}@media(max-width:1280px){.main-title{top:15%;font-size:clamp(20px,3.5vw,40px)}.benefits-box{bottom:100px;right:35%;max-width:calc(65% - 80px)}.logo-img{max-width:100px}.social-links a{font-size:24px}}@media(max-width:1200px){.left-column{padding:25px}.right-column{padding:10px}.main-title{font-size:clamp(20px,3.5vw,40px);top:15%;left:25px}.benefits-box{bottom:100px;left:25px;right:35%;max-width:calc(65% - 50px)}}@media(max-width:1024px){.logo-img{max-width:90px}.left-column{padding:25px}.right-column{padding:10px}.form-container{max-width:380px;min-height:580px}.container::after{font-size:40px;top:15%;right:20%}.main-title{font-size:clamp(22px,3.8vw,45px);top:18%}.benefits-box{bottom:110px;right:30%;max-width:calc(70% - 80px)}}@media(max-width:768px){.main-wrapper{flex-direction:column}.left-column{padding:20px;min-width:unset;order:1;width:100%;align-items:center}.right-column{padding:20px;order:2;width:100%}.logo{justify-content:center;text-align:center;margin-bottom:20px}.logo-img{max-width:80px}.main-title{font-size:28px;margin:20px 0;text-align:right;position:static;top:auto;left:auto}.benefits-box{margin:15px auto;padding:15px;position:static;bottom:auto;left:auto;right:auto;max-width:95%}.register-text{font-size:20px;margin:0 0 15px 0}.benefit-item{font-size:16px;margin:12px 0;justify-content:center}.benefit-item .icon{font-size:20px;margin-right:12px}.form-container{max-width:calc(100% - 40px);min-height:500px;margin:20px auto}.iframe-container{max-width:100%;min-height:450px}.container::after{display:none}.footer{padding:8px 15px;text-align:center;position:relative;bottom:auto;left:auto;right:auto;width:100%}.footer .terms-link{font-size:12px}.footer .legal-text{font-size:10px;text-align:center}}@media(max-width:480px){.left-column{padding:15px;width:100%}.right-column{padding:15px;width:100%}.logo-img{max-width:70px}.main-title{font-size:24px;margin:15px 0;position:static;top:auto;left:auto}.benefits-box{padding:12px;margin:12px auto;position:static;bottom:auto;left:auto;right:auto;max-width:98%}.benefit-item{font-size:14px;margin:10px 0}.benefit-item .icon{font-size:18px;margin-right:10px}.terms-link{font-size:14px}.legal-text{font-size:12px}.form-container{max-width:calc(100% - 30px);min-height:450px;padding:10px;margin:15px auto}.iframe-container{min-height:400px}.social-links a{font-size:20px}}@media(max-width:768px) and (orientation:landscape){.main-wrapper{flex-direction:row;height:auto}.left-column{order:1;padding:20px;width:50%;justify-content:center;align-items:center}.right-column{order:2;padding:20px;width:50%}.main-title{font-size:20px;margin:10px 0;position:relative;top:auto;left:auto}.benefits-box{margin:10px auto;padding:10px;max-width:90%;position:relative;bottom:auto;left:auto;right:auto}.footer{padding:5px 10px;position:relative;bottom:auto;left:auto;right:auto;width:100%}.logo-img{max-width:60px}.social-links a{font-size:20px}.form-container{min-height:400px}.iframe-container{min-height:350px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.benefits-box{animation:fadeInUp .6s ease-out}.form-container{animation:fadeInUp .8s ease-out}.benefit-item{transition:transform .3s ease}.benefit-item:hover{transform:translateX(10px)}.terms-link:hover{color:#333}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.container::after{content:'🃏';position:absolute;font-size:60px;top:20%;right:25%;animation:float 6s ease-in-out infinite;z-index:1;opacity:.7}.bg-solid{background:var(--bg-color,#ff6b6b) !important}.bg-gradient{background:var(--bg-gradient,linear-gradient(135deg,#ff6b6b,#ffa500,#ff69b4)) !important}.bg-image{background-image:var(--bg-image,url('bg.webp')) !important;background-size:cover !important;background-position:center !important}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.popup-overlay.popup-show{opacity:1;visibility:visible}.popup-container{position:relative;max-width:500px;width:90%;max-height:80vh;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,0.3);transform:scale(0.8) translateY(50px);transition:all .3s ease;overflow:hidden}.popup-overlay.popup-show .popup-container{transform:scale(1) translateY(0)}.popup-bg-solid{background:var(--popup-bg-color,#fff)}.popup-bg-gradient{background:var(--popup-bg-gradient,linear-gradient(135deg,#ff6b6b,#ffa500,#ff69b4))}.popup-bg-image{background-image:var(--popup-bg-image,url('bg.webp'));background-size:cover;background-position:center;background-repeat:no-repeat}.popup-close{position:absolute;top:15px;right:15px;background:rgba(0,0,0,0.5);color:white;border:0;width:35px;height:35px;border-radius:50%;font-size:20px;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.popup-close:hover{background:rgba(0,0,0,0.8);transform:scale(1.1)}.popup-content{padding:40px 30px 30px;text-align:center;position:relative;z-index:10000}.popup-bg-image .popup-content{background:rgba(255,255,255,0.70);backdrop-filter:blur(10px);border-radius:15px;margin:20px}.popup-title{font-size:28px;font-weight:bold;margin:0 0 15px 0;color:#333;text-shadow:1px 1px 2px rgba(0,0,0,0.1)}.popup-bg-gradient .popup-title,.popup-bg-image .popup-title{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}.popup-bg-image .popup-title{color:#333;text-shadow:1px 1px 2px rgba(255,255,255,0.8)}.popup-description{font-size:16px;line-height:1.6;margin:0 0 25px 0;color:#666}.popup-bg-gradient .popup-description,.popup-bg-image .popup-description{color:rgba(255,255,255,0.9)}.popup-bg-image .popup-description{color:#555}.popup-button{background:#ff6b6b;color:white;border:0;padding:15px 30px;font-size:16px;font-weight:bold;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px rgba(255,107,107,0.4)}.popup-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,107,0.6)}.popup-button:active{transform:translateY(0)}@media(max-width:768px){.popup-container{width:95%;max-width:none;margin:20px}.popup-content{padding:30px 20px 20px}.popup-title{font-size:24px}.popup-description{font-size:14px}.popup-button{padding:12px 25px;font-size:14px}.popup-close{width:30px;height:30px;font-size:18px;top:10px;right:10px}}@media(max-width:480px){.popup-container{width:98%;margin:10px}.popup-content{padding:25px 15px 15px}.popup-title{font-size:20px;margin-bottom:10px}.popup-description{font-size:13px;margin-bottom:20px}.popup-button{padding:10px 20px;font-size:13px;width:100%}}@keyframes popupSlideIn{from{opacity:0;transform:scale(0.5) translateY(100px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-overlay.popup-show .popup-container{animation:popupSlideIn .4s cubic-bezier(0.68,-0.55,0.265,1.55)}@keyframes pulse{0%{box-shadow:0 5px 15px rgba(255,107,107,0.4)}50%{box-shadow:0 5px 25px rgba(255,107,107,0.8)}100%{box-shadow:0 5px 15px rgba(255,107,107,0.4)}}.popup-button{animation:pulse 2s infinite}.popup-button:hover{animation:none}