*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--dark-bg:#0a0a0f;--card-bg:hsla(0,0%,100%,0.05);--text-primary:#fff;--text-secondary:#b0b8c8;--glass-border:hsla(0,0%,100%,0.1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--dark-bg);color:var(--text-primary);overflow-x:hidden;line-height:1.6}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.1}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;background:var(--accent-gradient);border-radius:50%;-webkit-animation:float 20s linear infinite;animation:float 20s linear infinite}.shape:first-child{width:80px;height:80px;top:20%;left:10%;-webkit-animation-delay:0s;animation-delay:0s}.shape:nth-child(2){width:120px;height:120px;top:60%;right:10%;-webkit-animation-delay:-5s;animation-delay:-5s}.shape:nth-child(3){width:60px;height:60px;top:40%;left:70%;-webkit-animation-delay:-10s;animation-delay:-10s}@-webkit-keyframes float{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:.5}50%{-webkit-transform:translateY(-20px) rotate(180deg);transform:translateY(-20px) rotate(180deg);opacity:1}to{-webkit-transform:translateY(0) rotate(1turn);transform:translateY(0) rotate(1turn);opacity:.5}}.header{position:fixed;width:100%;background:rgba(10,10,15,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:1000;padding:1rem 0}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo{font-size:1.8rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:none}.hero{min-height:100vh;display:flex;align-items:center;padding:8rem 2rem 4rem;position:relative}.hero-container{max-width:1200px;margin:0 auto;text-align:center}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;margin-bottom:1.5rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero-subtitle{font-size:clamp(1.1rem,3vw,1.3rem);color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.app-store-buttons{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;align-items:center;margin-top:2rem}.app-store-button{display:inline-block;background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:15px;padding:.75rem 1.5rem;color:var(--text-primary);text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;min-width:200px}.app-store-button:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 15px 40px rgba(0,0,0,.3);box-shadow:0 15px 40px rgba(0,0,0,.3);border-color:rgba(102,126,234,.5)}.app-store-icon{font-size:1.5rem}.app-store-text{display:flex;flex-direction:column;align-items:flex-start}.app-store-text small{font-size:.7rem;color:var(--text-secondary)}.app-store-text span{font-size:.9rem;font-weight:600}.screenshots{padding:6rem 2rem;background:linear-gradient(135deg,rgba(79,172,254,.05),rgba(0,242,254,.05))}.screenshots-grid{display:grid;grid-template-columns:1fr;grid-gap:4rem;gap:4rem;max-width:1200px;margin:0 auto}.screenshot-item{display:flex;flex-direction:column;align-items:center;text-align:center;grid-gap:2rem;gap:2rem}.screenshot-item:nth-child(2n){flex-direction:column-reverse}.screenshot-image{flex:1 1;max-width:300px}.screenshot-image img{width:100%;height:auto;border-radius:25px;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.3);box-shadow:0 20px 60px rgba(0,0,0,.3);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.screenshot-image img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.screenshot-content{flex:1 1;max-width:500px}.screenshot-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:1rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.screenshot-description{color:var(--text-secondary);line-height:1.7;font-size:1.1rem}.features{padding:6rem 2rem;position:relative}.section-container{max-width:1200px;margin:0 auto}.section-title{font-size:clamp(2rem,5vw,3rem);text-align:center;margin-bottom:3rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}.feature-card{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--accent-gradient);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.feature-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 20px 40px rgba(0,0,0,.3);box-shadow:0 20px 40px rgba(0,0,0,.3);border-color:rgba(79,172,254,.3)}.feature-card:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.feature-icon{width:60px;height:60px;background:var(--accent-gradient);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem}.feature-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.feature-description{color:var(--text-secondary);line-height:1.6}.pricing{padding:6rem 2rem;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))}.pricing-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;max-width:800px;margin:0 auto}.pricing-card{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:25px;padding:3rem 2rem;text-align:center;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.pricing-card.featured{border:2px solid rgba(102,126,234,.5);-webkit-transform:scale(1.05);transform:scale(1.05)}.pricing-card.featured:before{content:"POPULAR";position:absolute;top:-15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:var(--primary-gradient);padding:.5rem 2rem;border-radius:20px;font-size:.8rem;font-weight:600}.pricing-card.featured:hover{-webkit-transform:translateY(-10px) scale(1.05);transform:translateY(-10px) scale(1.05)}.pricing-card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-box-shadow:0 25px 50px rgba(0,0,0,.3);box-shadow:0 25px 50px rgba(0,0,0,.3)}.plan-name{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.plan-price{font-size:3rem;font-weight:800;background:var(--secondary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.plan-duration{color:var(--text-secondary);margin-bottom:2rem}.plan-features{list-style:none;margin-bottom:2rem}.plan-features li{padding:.5rem 0;color:var(--text-secondary)}.plan-features li:before{content:"✨";margin-right:.5rem}.plan-button{width:100%;background:var(--primary-gradient);border:none;padding:1rem;border-radius:15px;color:#fff;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.plan-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 25px rgba(102,126,234,.4);box-shadow:0 10px 25px rgba(102,126,234,.4)}.footer{padding:4rem 2rem 2rem;border-top:1px solid var(--glass-border);text-align:center}.footer-content{max-width:1200px;margin:0 auto}.footer-text{color:var(--text-secondary);margin-bottom:2rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;-webkit-transition:color .3s ease;transition:color .3s ease;padding:.5rem}.footer-link:hover{color:var(--text-primary)}.copyright{color:var(--text-secondary);font-size:.9rem;padding-top:2rem;border-top:1px solid var(--glass-border)}.fade-in{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all .6s ease;transition:all .6s ease}.fade-in.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media(min-width:768px){.nav-menu{display:flex;grid-gap:2rem;gap:2rem}.nav-menu a{color:var(--text-secondary);text-decoration:none;font-weight:500;-webkit-transition:color .3s ease;transition:color .3s ease}.nav-menu a:hover{color:var(--text-primary)}.app-store-buttons{flex-direction:row;justify-content:center}.screenshot-item{flex-direction:row;text-align:left}.screenshot-item:nth-child(2n){flex-direction:row-reverse}.screenshot-item:nth-child(2n) .screenshot-content{text-align:right}.features-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.pageWrapper{font-family:Arial,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff}.header{padding:20px 0;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.container-webinar{max-width:1200px;margin:0 auto;padding:0 20px}.logo{grid-gap:15px;gap:15px;font-size:28px;font-weight:700;color:#4a90e2}.logo,.owlIcon{display:flex;align-items:center}.owlIcon{width:50px;height:50px;border:2px solid #4a90e2;border-radius:50%;justify-content:center;font-size:24px;background:rgba(74,144,226,.1)}.heroSection{text-align:center;padding:80px 0;background:radial-gradient(circle at center,rgba(74,144,226,.1) 0,transparent 70%)}.heroTitle{font-size:clamp(32px,5vw,64px);font-weight:800;background:linear-gradient(45deg,#4a90e2,#7b68ee,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;line-height:1.2}.heroSubtitle{font-size:24px;margin-bottom:30px;color:#b8b8b8}.appAccessHighlight{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,165,0,.15));border:2px solid gold;border-radius:20px;padding:30px;margin:30px 0;text-align:center;-webkit-animation:glow 3s ease-in-out infinite alternate;animation:glow 3s ease-in-out infinite alternate}.appAccessHighlight h3{color:gold;font-size:24px;margin-bottom:10px;font-weight:700}.appAccessHighlight p{color:#fff;font-size:16px;margin-bottom:20px}@-webkit-keyframes glow{0%{-webkit-box-shadow:0 0 20px rgba(255,215,0,.3);box-shadow:0 0 20px rgba(255,215,0,.3)}to{-webkit-box-shadow:0 0 30px rgba(255,215,0,.6);box-shadow:0 0 30px rgba(255,215,0,.6)}}@keyframes glow{0%{-webkit-box-shadow:0 0 20px rgba(255,215,0,.3);box-shadow:0 0 20px rgba(255,215,0,.3)}to{-webkit-box-shadow:0 0 30px rgba(255,215,0,.6);box-shadow:0 0 30px rgba(255,215,0,.6)}}.appStoreLinks{display:flex;justify-content:center;grid-gap:20px;gap:20px;flex-wrap:wrap}.appStoreBtn{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:12px 20px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:#fff;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;backdrop-filter:blur(10px)}.appStoreBtn:hover{background:hsla(0,0%,100%,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 20px rgba(0,0,0,.2);box-shadow:0 10px 20px rgba(0,0,0,.2)}.storeText{font-size:12px;color:#ccc;line-height:1}.storeName{font-size:16px;font-weight:700;color:#fff;line-height:1.2}.priceTag{display:inline-block;background:linear-gradient(45deg,#ff6b6b,#ee5a24);padding:15px 30px;border-radius:50px;font-size:28px;font-weight:700;margin-bottom:40px;-webkit-box-shadow:0 10px 30px hsla(0,100%,71%,.3);box-shadow:0 10px 30px hsla(0,100%,71%,.3);-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.registrationSection{padding:80px 0;background:linear-gradient(135deg,rgba(74,144,226,.1),rgba(123,104,238,.1))}.sectionTitle{font-size:42px;text-align:center;margin-bottom:60px;background:linear-gradient(45deg,#4a90e2,#7b68ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.registrationForm{max-width:600px;margin:0 auto;background:hsla(0,0%,100%,.05);padding:60px;border-radius:30px;backdrop-filter:blur(20px);border:1px solid rgba(74,144,226,.3);-webkit-box-shadow:0 30px 60px rgba(0,0,0,.3);box-shadow:0 30px 60px rgba(0,0,0,.3)}.formGroup{margin-bottom:30px}.formLabel{display:block;margin-bottom:10px;font-weight:600;color:#fff}.formInput{width:100%;height:50px!important;padding:15px 20px;border:2px solid rgba(74,144,226,.3);border-radius:10px;background:hsla(0,0%,100%,.05);color:#fff;font-size:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.formInput:focus{outline:none;border-color:#4a90e2;-webkit-box-shadow:0 0 20px rgba(74,144,226,.3);box-shadow:0 0 20px rgba(74,144,226,.3)}.formInput::-webkit-input-placeholder{color:#888}.formInput:-ms-input-placeholder{color:#888}.formInput::placeholder{color:#888}.timeSlots{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-top:15px}.timeSlot{position:relative}.timeSlot input[type=radio]{display:none}.timeSlot label{display:block;padding:20px;border:2px solid rgba(74,144,226,.3);border-radius:15px;background:hsla(0,0%,100%,.05);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;text-align:center}.timeSlot label:hover{border-color:#4a90e2;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.timeSlot input[type=radio]:checked+label{border-color:#4a90e2;background:rgba(74,144,226,.2);-webkit-box-shadow:0 0 20px rgba(74,144,226,.3);box-shadow:0 0 20px rgba(74,144,226,.3)}.slotDay{font-weight:700;font-size:18px;margin-bottom:5px}.slotTime{color:#b8b8b8}.registerBtn{width:100%;padding:20px;background:linear-gradient(45deg,#4a90e2,#7b68ee);border:none;border-radius:15px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 15px 30px rgba(74,144,226,.4);box-shadow:0 15px 30px rgba(74,144,226,.4)}.registerBtn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 20px 40px rgba(74,144,226,.5);box-shadow:0 20px 40px rgba(74,144,226,.5)}.registerBtn:active{-webkit-transform:translateY(0);transform:translateY(0)}.registerBtn:disabled{cursor:not-allowed;opacity:.8}.loader{width:20px;height:20px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.benefitsSection{padding:80px 0;background:rgba(0,0,0,.2)}.benefitsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px;margin-bottom:80px}.benefitCard{background:hsla(0,0%,100%,.05);padding:40px;border-radius:20px;border:1px solid rgba(74,144,226,.2);backdrop-filter:blur(10px);-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden;justify-content:center;align-items:center;flex-direction:column;display:flex}.benefitCard:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-box-shadow:0 20px 40px rgba(74,144,226,.3);box-shadow:0 20px 40px rgba(74,144,226,.3);border-color:#4a90e2}.benefitCard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:-webkit-gradient(linear,left top,right top,from(#4a90e2),color-stop(#7b68ee),to(#ff6b6b));background:linear-gradient(90deg,#4a90e2,#7b68ee,#ff6b6b)}.benefitIcon{font-size:48px;margin-bottom:20px;color:#4a90e2}.benefitTitle{font-size:24px;margin-bottom:15px;text-align:center;color:#fff}.benefitDescription{color:#b8b8b8;text-align:center;line-height:1.6}.floatingElements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.floatingElement{position:absolute;width:4px;height:4px;background:#4a90e2;border-radius:50%;-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite}.floatingElement:first-child{top:20%;left:10%;-webkit-animation-delay:0s;animation-delay:0s}.floatingElement:nth-child(2){top:40%;left:80%;-webkit-animation-delay:2s;animation-delay:2s}.floatingElement:nth-child(3){top:60%;left:30%;-webkit-animation-delay:4s;animation-delay:4s}.floatingElement:nth-child(4){top:80%;left:70%;-webkit-animation-delay:1s;animation-delay:1s}.floatingElement:nth-child(5){top:30%;left:60%;-webkit-animation-delay:3s;animation-delay:3s}@keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(180deg);transform:translateY(-20px) rotate(180deg)}}@media(max-width:768px){.heroSection{padding:40px 0}.heroTitle{font-size:36px}.heroSubtitle{font-size:20px}.priceTag{font-size:24px;padding:12px 25px}.timeSlots{grid-template-columns:1fr;grid-gap:15px;gap:15px}.registrationForm{padding:30px 20px;margin:0 10px}.benefitsGrid{grid-template-columns:1fr;grid-gap:20px;gap:20px}.benefitCard{padding:30px 20px}.sectionTitle{font-size:32px}.formInput{padding:12px 15px;font-size:16px}.registerBtn{padding:18px;font-size:18px}.timeSlot label{padding:15px}.slotDay{font-size:16px}.benefitsSection,.registrationSection{padding:50px 0}}@media(max-width:480px){.container-webinar{padding:0 15px}.heroTitle{font-size:28px}.heroSubtitle{font-size:18px}.benefitCard,.registrationForm{padding:25px 15px}.sectionTitle{font-size:28px}.appAccessHighlight{padding:20px;margin:20px 0}.appAccessHighlight h3{font-size:20px}.appAccessHighlight p{font-size:14px}.appStoreLinks{grid-gap:15px;gap:15px}.appStoreBtn{padding:10px 15px;font-size:14px}}