:root{--background-color: #0A0F1E;--background-color-rgb: 10, 15, 30;--surface-color: #1A2033;--border-color: #2A314D;--text-color: #F0F4F8;--text-secondary-color: #9DA3B0;--gradient-start: #FF0080;--gradient-end: #FF8C00;--primary-color: #FF0080;--secondary-color: #00E5FF}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:4rem 1rem}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:absolute;width:100%;top:0;left:0;z-index:10}.logo{font-size:1.5rem;font-weight:700}.nav-links a{color:var(--text-color);text-decoration:none;margin-left:1.5rem;font-weight:600;transition:color .3s ease}.nav-links a:hover{color:var(--primary-color)}.hero{text-align:center;padding:12rem 1rem 8rem;background:linear-gradient(rgba(var(--background-color-rgb),.8),var(--background-color)),url(https://images.unsplash.com/photo-1554034483-04fda0d3507b?q=80&w=2940&auto=format&fit=crop) center/cover no-repeat;border-bottom:1px solid var(--border-color)}.hero h1{font-size:3.5rem;margin-bottom:1rem;line-height:1.2}.hero .highlight{background:-webkit-linear-gradient(var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.25rem;max-width:700px;margin:0 auto 2rem;color:var(--text-secondary-color)}.cta-button{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));color:#fff;padding:1rem 2.5rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;display:inline-block;text-align:center}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #ff008040}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background-color:var(--surface-color);padding:2.5rem 2rem;border-radius:12px;border:1px solid var(--border-color);text-align:center;transition:transform .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--primary-color)}.feature-icon{font-size:3rem;margin-bottom:1rem;background:-webkit-linear-gradient(var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature-card h3{font-size:1.5rem;margin-bottom:.5rem}.feature-card p{color:var(--text-secondary-color)}.how-it-works-section{padding-top:4rem;padding-bottom:4rem}.steps-container{display:flex;justify-content:space-between;align-items:flex-start;position:relative;gap:1rem}.step-card{background-color:transparent;text-align:center;flex:1;padding:0 1rem;z-index:2}.step-number{width:60px;height:60px;border-radius:50%;border:2px solid var(--primary-color);display:flex;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;font-weight:700;color:var(--primary-color);background-color:#ff00801a}.step-card h3{font-size:1.5rem;margin-bottom:.5rem}.step-card p{color:var(--text-secondary-color);max-width:250px;margin:0 auto}.step-connector{flex-grow:1;height:2px;background-color:var(--border-color);margin-top:30px}.pricing-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.pricing-card{background-color:var(--surface-color);padding:2.5rem;border-radius:12px;border:1px solid var(--border-color);width:320px;display:flex;flex-direction:column}.pricing-card.highlighted{border-color:var(--primary-color);transform:scale(1.05)}.pricing-card h3{font-size:1.75rem;margin-bottom:.5rem;text-align:center}.pricing-card .price{font-size:3rem;font-weight:700;margin-bottom:.5rem;text-align:center}.pricing-card .price span{font-size:1rem;color:var(--text-secondary-color);font-weight:400}.pricing-card .plan-description{text-align:center;color:var(--text-secondary-color);margin-bottom:2rem}.pricing-card ul{list-style:none;margin-bottom:2.5rem;flex-grow:1}.pricing-card ul li{margin-bottom:1rem;display:flex;align-items:center}.pricing-card ul li:before{content:"✓";color:var(--secondary-color);margin-right:.75rem;font-weight:700}.pricing-card .cta-button{margin-top:auto}.faq-section{padding-top:4rem;padding-bottom:4rem}.faq-container{max-width:800px;margin:0 auto}.faq-item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;font-size:1.1rem;font-weight:600}.faq-icon{width:20px;height:20px;position:relative;transition:transform .3s ease-in-out}.faq-icon:before,.faq-icon:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;background-color:var(--primary-color);transform:translate(-50%,-50%);transition:transform .3s ease-in-out}.faq-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.faq-icon.open:after{transform:translate(-50%,-50%) rotate(0)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(0,1,0,1),padding .5s ease-in-out}.faq-answer.open{max-height:300px;transition:max-height 1s cubic-bezier(1,0,1,0),padding .5s ease-in-out}.faq-answer p{padding:0 1.5rem 1.5rem;color:var(--text-secondary-color);line-height:1.7}.footer{text-align:center;padding:3rem 1rem;margin-top:4rem;border-top:1px solid var(--border-color);color:var(--text-secondary-color)}.footer-links{margin-bottom:1rem}.footer-links a{color:var(--text-secondary-color);text-decoration:none;margin:0 1rem;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}@media (max-width: 992px){.steps-container{flex-direction:column;align-items:center;gap:0rem}.step-connector{width:2px;height:50px;margin:1rem 0;flex-grow:0}}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.header{flex-direction:column;padding:1rem}.nav-links{margin-top:1rem}.nav-links a{margin:0 .5rem}.section-title{font-size:2rem}.pricing-grid{flex-direction:column;align-items:center}.pricing-card{width:100%;max-width:350px}.pricing-card.highlighted{transform:scale(1)}.faq-question{font-size:1rem}}