*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:15px 0;transition:all .3s ease}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#667eea}.cta-button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:12px 24px;border:none;border-radius:50px;text-decoration:none;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;position:relative;overflow:hidden}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:80px}.hero-text h1{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:20px;line-height:1.2}.hero-text .highlight{background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{font-size:1.2rem;color:#ffffffe6;margin-bottom:20px}.beta-text{font-size:.85rem;color:#fff6;margin-bottom:30px;font-weight:300;font-style:italic}.hero-buttons{display:flex;gap:20px;margin-bottom:40px}.btn-primary{background:linear-gradient(45deg,#ff6b6b,#ffd93d);color:#fff;padding:16px 32px;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;position:relative;overflow:hidden}.btn-secondary{background:#fff3;color:#fff;padding:16px 32px;border:2px solid rgba(255,255,255,.3);border-radius:50px;font-size:1.1rem;font-weight:600;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:inline-block;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff6b6b66}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-3px)}.hero-visual{position:relative;height:500px}.floating-card{position:absolute;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px;color:#fff;animation:float 6s ease-in-out infinite}.floating-card:nth-child(1){top:50px;left:50px;animation-delay:0s}.floating-card:nth-child(2){top:150px;right:80px;animation-delay:2s}.floating-card:nth-child(3){bottom:100px;left:100px;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features{padding:100px 0;background:#fff}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#333}.section-subtitle{text-align:center;font-size:1.2rem;color:#666;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.target-audience .section-subtitle{color:#ffffffe6;font-weight:500}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px}.feature-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:20px;padding:40px 30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.2)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.feature-icon{font-size:3rem;margin-bottom:20px;display:block}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:#333}.feature-card p{color:#666;line-height:1.6}.target-audience{padding:100px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px}.audience-group h3{font-size:2rem;margin-bottom:30px;text-align:center}.audience-list{list-style:none}.audience-list li{background:#ffffff1a;margin-bottom:15px;padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.audience-list li:hover{background:#fff3;transform:translate(10px)}.audience-list strong{color:#ffd93d;display:block;margin-bottom:8px}.cta-section{padding:100px 0;background:linear-gradient(45deg,#ff6b6b,#ffd93d);text-align:center;color:#fff}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-content p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn-white{background:#fff;color:#333;padding:16px 32px;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;position:relative;overflow:hidden}.btn-white:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0003}.faq-section{padding:100px 0;background:#fff}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:#f8f9fa;border-radius:15px;margin-bottom:20px;overflow:hidden;transition:all .3s ease;border:1px solid #e9ecef}.faq-item:hover{box-shadow:0 10px 30px #0000001a}.faq-question{padding:25px 30px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;transition:background-color .3s ease}.faq-question:hover{background:#e9ecef}.faq-question h3{font-size:1.2rem;font-weight:600;color:#333;margin:0}.faq-icon{font-size:1.5rem;font-weight:300;color:#667eea;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 30px;max-height:0;overflow:hidden;transition:all .3s ease;background:#fff}.faq-item.active .faq-answer{padding:25px 30px;max-height:200px}.faq-answer p{color:#666;line-height:1.6;margin:0}.contact-section{padding:100px 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.contact-content{text-align:center;max-width:800px;margin:0 auto}.contact-content h2{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#333}.contact-content p{font-size:1.2rem;color:#666;margin-bottom:60px}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:40px}.contact-item{background:#fff;padding:30px 20px;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.contact-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.contact-icon{font-size:3rem;display:block;margin-bottom:20px}.contact-details h3{font-size:1.2rem;margin-bottom:10px;color:#333}.contact-details a{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}.contact-details a:hover{color:#ff6b6b}.btn-contact{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff!important;padding:12px 24px;border:none;border-radius:50px;font-weight:600;text-decoration:none;display:inline-block;margin-top:10px;transition:all .3s ease;position:relative;overflow:hidden}.btn-contact:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d;color:#fff!important}footer{background:#333;color:#fff;padding:40px 0;text-align:center}.footer-content{display:flex;justify-content:center;gap:40px;margin-bottom:30px;flex-wrap:wrap}.footer-content a{color:#ccc;text-decoration:none;font-weight:500;transition:color .3s ease;padding:8px 16px;border-radius:20px;transition:all .3s ease}.footer-content a:hover{color:#ffd93d;background:#ffd93d1a}.footer-bottom{border-top:1px solid #555;padding-top:20px;color:#999}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2.5rem}.nav-links{display:none}.audience-grid{grid-template-columns:1fr}.hero-buttons,.cta-buttons{flex-direction:column;align-items:center}.contact-info{grid-template-columns:1fr}}.fade-in{opacity:0;transform:translateY(30px);animation:fadeIn .6s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.slide-in-left{opacity:0;transform:translate(-50px);animation:slideInLeft .8s ease forwards}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}
