*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#1e1e2e,#2d1b69);color:#fff;min-height:100vh}.navbar{background:rgba(30,30,46,.95);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1);position:fixed;top:0;width:100%;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;justify-content:space-between}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.5rem;font-size:1.5rem;font-weight:700}.nav-logo img{width:40px;height:40px;border-radius:50%}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:#fff;text-decoration:none;transition:opacity .3s}.nav-links a:hover{opacity:.8}.btn-login{background:linear-gradient(45deg,#7c3aed,#a855f7);border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;text-decoration:none;transition:transform .3s}.btn-login:hover{transform:translateY(-2px)}.hero{padding:120px 2rem 60px;text-align:center;max-width:1200px;margin:0 auto}.hero h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.btn-primary{background:linear-gradient(45deg,#7c3aed,#a855f7);border-radius:12px;transition:transform .3s}.btn-primary,.btn-secondary{color:#fff;padding:1rem 2rem;text-decoration:none;font-weight:700}.btn-secondary{background:transparent;border:2px solid #a855f7;border-radius:12px;transition:all .3s}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.feature{background:hsla(0,0%,100%,.05);padding:2rem;border-radius:16px;border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(10px)}.feature h3{margin-bottom:.5rem;color:#a855f7}.premium-page{padding:120px 2rem 60px}.container{max-width:1200px;margin:0 auto;text-align:center}.container h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(45deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.pricing-card{background:hsla(0,0%,100%,.05);padding:2rem;border-radius:16px;border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(10px);position:relative}.pricing-card.featured{border-color:#a855f7;transform:scale(1.05)}.popular-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(45deg,#a855f7,#ec4899);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700}.pricing-card h3{font-size:1.5rem;margin-bottom:1rem;color:#a855f7}.price{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.price span{font-size:1rem;opacity:.7}.pricing-card ul{list-style:none;margin-bottom:2rem;text-align:left}.pricing-card li{padding:.5rem 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.btn-premium{background:linear-gradient(45deg,#7c3aed,#a855f7);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;width:100%;transition:transform .3s}.btn-premium:hover{transform:translateY(-2px)}@media (max-width:768px){.hero h1{font-size:2rem}.hero-buttons{flex-direction:column;align-items:center}.nav-links{gap:1rem}.pricing-card.featured{transform:none}}