*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #1e40af;--dark-blue: #0f172a;--darker-blue: #020617;--light-blue: #3b82f6;--accent-blue: #60a5fa;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--bg-dark: #0f172a;--bg-darker: #020617;--bg-card: #1e293b;--border-color: #334155}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-darker);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:#0f172af2;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--light-blue),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--text-primary)}.btn-login{padding:.5rem 1.25rem;border-radius:8px;transition:all .3s}.btn-login:hover{background:var(--bg-card)}.btn-register{padding:.5rem 1.25rem;background:var(--primary-blue);color:#fff!important;border-radius:8px;transition:all .3s}.btn-register:hover{background:var(--light-blue);transform:translateY(-2px)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer}.mobile-menu-toggle span{width:24px;height:2px;background:var(--text-primary);transition:all .3s}.hero{padding:150px 0 100px;background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.8}.hero-cta{display:flex;gap:1rem}.btn-primary,.btn-secondary{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary-blue);color:#fff;box-shadow:0 4px 20px #3b82f64d}.btn-primary:hover{background:var(--light-blue);transform:translateY(-3px);box-shadow:0 8px 30px #3b82f666}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--light-blue);background:#3b82f61a}.dashboard-mockup{background:var(--bg-card);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006;border:1px solid var(--border-color)}.mockup-header{padding:1rem;background:var(--bg-dark);border-bottom:1px solid var(--border-color)}.mockup-dots{display:flex;gap:.5rem}.mockup-dots span{width:12px;height:12px;border-radius:50%;background:var(--border-color)}.mockup-content{display:flex;height:400px}.mockup-sidebar{width:200px;background:var(--bg-dark);border-right:1px solid var(--border-color)}.mockup-main{flex:1;padding:2rem;display:flex;flex-direction:column;gap:1rem}.mockup-card{background:var(--bg-dark);border-radius:8px;height:100px;border:1px solid var(--border-color)}.features{padding:100px 0;background:var(--bg-dark)}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:1rem}.section-subtitle{font-size:1.25rem;color:var(--text-secondary);text-align:center;margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:var(--bg-card);padding:2rem;border-radius:16px;border:1px solid var(--border-color);transition:all .3s}.feature-card:hover{transform:translateY(-5px);border-color:var(--primary-blue);box-shadow:0 10px 40px #3b82f633}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon svg{width:30px;height:30px;color:#fff}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.8}.detailed-features{padding:100px 0;background:var(--bg-darker)}.features-list{display:grid;gap:2rem}.feature-item{display:flex;gap:2rem;padding:2rem;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);transition:all .3s}.feature-item:hover{border-color:var(--primary-blue);transform:translate(10px)}.feature-item-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-item-icon svg{width:24px;height:24px;color:#fff}.feature-item-content h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.feature-item-content p{color:var(--text-secondary);line-height:1.8}.benefits{padding:100px 0;background:var(--bg-dark)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.benefit-card{text-align:center;padding:3rem 2rem;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);transition:all .3s}.benefit-card:hover{transform:translateY(-5px);border-color:var(--primary-blue)}.benefit-icon{font-size:3rem;margin-bottom:1.5rem}.benefit-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.benefit-card p{color:var(--text-secondary);line-height:1.8}.pricing{padding:100px 0;background:var(--bg-darker)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;transition:all .3s;position:relative}.pricing-card:hover{transform:translateY(-10px);border-color:var(--primary-blue);box-shadow:0 20px 60px #3b82f64d}.pricing-card.featured{border-color:var(--light-blue);box-shadow:0 10px 40px #3b82f633}.pricing-badge{position:absolute;top:-15px;right:20px;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-header h3{font-size:1.75rem;margin-bottom:1rem;color:var(--text-primary)}.pricing-amount{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.amount{font-size:2.5rem;font-weight:800;color:var(--text-primary)}.period{font-size:1.25rem;color:var(--text-secondary)}.pricing-features{list-style:none;margin-bottom:2rem}.pricing-features li{padding:.75rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.pricing-features li:last-child{border-bottom:none}.btn-pricing{width:100%;padding:1rem;background:var(--primary-blue);color:#fff;text-align:center;border-radius:10px;text-decoration:none;font-weight:600;display:block;transition:all .3s}.btn-pricing:hover{background:var(--light-blue);transform:scale(1.02)}.cta{padding:100px 0;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));text-align:center}.cta-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#fff}.cta-content p{font-size:1.25rem;margin-bottom:2rem;color:#ffffffe6}.cta-buttons{display:flex;gap:1rem;justify-content:center}.cta .btn-primary{background:#fff;color:var(--primary-blue)}.cta .btn-primary:hover{background:var(--text-primary)}.cta .btn-secondary{background:transparent;color:#fff;border-color:#fff}.cta .btn-secondary:hover{background:#ffffff1a}.footer{background:var(--bg-darker);padding:60px 0 30px;border-top:1px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;margin-bottom:3rem}.footer-section h4{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.footer-section p{color:var(--text-secondary);line-height:1.8}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted)}@media(max-width:968px){.hero .container{grid-template-columns:1fr;gap:3rem}.hero-title{font-size:2.5rem}.features-grid,.benefits-grid,.pricing-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.mobile-menu-toggle{display:flex}}@media(max-width:640px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-cta{flex-direction:column}.section-title{font-size:2rem}.cta-buttons{flex-direction:column}.footer-content{grid-template-columns:1fr}}.page-header{padding:150px 0 80px;background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 100%);text-align:center}.page-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem}.page-header p{font-size:1.25rem;color:var(--text-secondary)}.legal-content{padding:80px 0;background:var(--bg-dark)}.legal-box{max-width:800px;margin:0 auto;background:var(--bg-card);padding:3rem;border-radius:16px;border:1px solid var(--border-color)}.legal-box h2{font-size:1.75rem;margin-top:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.legal-box h2:first-child{margin-top:0}.legal-box h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--text-primary)}.legal-box p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.legal-box a{color:var(--light-blue);text-decoration:none;transition:color .3s}.legal-box a:hover{color:var(--accent-blue)}.legal-info{background:var(--bg-dark);padding:2rem;border-radius:12px;margin-top:1.5rem}.faq-section{padding:80px 0;background:var(--bg-darker)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.faq-item{background:var(--bg-card);padding:2rem;border-radius:12px;border:1px solid var(--border-color)}.faq-item h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.faq-item p{color:var(--text-secondary);line-height:1.8}.nav-links a.active{color:var(--light-blue)}.logo-text{text-decoration:none;color:inherit}@media(max-width:968px){.faq-grid{grid-template-columns:1fr}}