@import "https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Inter:wght@400;500&display=swap";
:root{--color-background:#1a1a1a;--color-dark:#222;--color-text:#f5f5f5;--color-primary:#a020f0;--color-accent:#0ff;--color-border:#383838}html{scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-text);font-family:Inter,sans-serif}.font-heading{font-family:Poppins,sans-serif}.font-body{font-family:Inter,sans-serif}.bg-brand-background{background-color:var(--color-background)}.bg-brand-dark{background-color:var(--color-dark)}.text-brand-text{color:var(--color-text)}.text-brand-primary{color:var(--color-primary)}.bg-brand-primary{background-color:var(--color-primary)}.text-brand-accent{color:var(--color-accent)}.bg-brand-accent{background-color:var(--color-accent)}.border-brand-border{border-color:var(--color-border)}.border-brand-primary{border-color:var(--color-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-dark)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.btn{border-radius:9999px;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 0 15px rgba(160,32,240,.5)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(160,32,240,.8)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background-color:transparent}.btn-secondary:hover{background-color:var(--color-dark);border-color:var(--color-text)}.feature-card{background-color:var(--color-dark);border:1px solid var(--color-border);border-radius:1.5rem;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 10px 30px -10px rgba(0,0,0,.2)}.feature-icon-wrapper{background-color:rgba(160,32,240,.1);border:1px solid rgba(160,32,240,.2);border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1.5rem;display:flex}.feature-icon-wrapper i{color:var(--color-primary);width:2rem;height:2rem}.feature-icon-wrapper img{width:2.5rem;height:2.5rem}.step,.pricing-card,.feature-card,#hero h1,#hero p,#hero .btn{opacity:0}.step-number{width:3rem;height:3rem;color:var(--color-primary);border:1px solid var(--color-primary);background-color:rgba(160,32,240,.1);border-radius:9999px;justify-content:center;align-items:center;margin:0 auto;font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:600;display:flex}.pricing-card{background-color:var(--color-dark);border:1px solid var(--color-border);text-align:center;border-radius:1.5rem;flex-direction:column;padding:2.5rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.pricing-card ul{flex-grow:1}.pricing-card.premium-card{border-color:var(--color-primary);box-shadow:0 0 30px rgba(160,32,240,.3)}.pricing-card:hover{transform:translateY(-5px)}.faq-item{background-color:var(--color-dark);border:1px solid var(--color-border);border-radius:1rem;transition:border-color .3s;overflow:hidden}.faq-item:hover{border-color:#555}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-weight:500;display:flex}.faq-answer{max-height:0;transition:max-height .5s cubic-bezier(.2,1,.8,1);overflow:hidden}.faq-answer p{color:#b0b0b0;padding:0 1.5rem 1.25rem;line-height:1.6}.faq-item.open{border-color:var(--color-primary)}.faq-item.open .faq-answer{max-height:300px}.faq-icon{transition:transform .3s}.faq-item.open .faq-icon{color:var(--color-primary);transform:rotate(135deg)}
