:root{--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-accent-primary:#3b82f6;--color-accent-hover:#2563eb;--color-accent-neon:#60a5fa;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-glass-bg:#1e293bb3;--color-glass-border:#ffffff1a;--font-family-sans:"Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size-base:16px;--font-size-sm:.875rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.text-center{text-align:center}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent-primary)}.text-gradient{background:linear-gradient(to right, var(--color-accent-neon), #a855f7);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:1200px;padding:0 var(--spacing-4);margin:0 auto}.section{padding:var(--spacing-16) 0}.glass-panel{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);box-shadow:0 4px 30px #0000001a}.btn{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);transition:all var(--transition-fast);font-weight:600;font-size:var(--font-size-base);border:none;justify-content:center;align-items:center;display:inline-flex}.btn-primary{background-color:var(--color-accent-primary);color:#fff;box-shadow:0 0 15px #3b82f666}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 0 20px #3b82f699}.btn-outline{border:2px solid var(--color-glass-border);color:var(--color-text-primary);background-color:#0000}.btn-outline:hover{border-color:var(--color-accent-primary);color:var(--color-accent-neon)}.grid{gap:var(--spacing-6);display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.hover-lift{transition:transform var(--transition-normal)}.hover-lift:hover{transform:translateY(-5px)}.navbar{z-index:1000;width:100%;padding:var(--spacing-4) 0;transition:all var(--transition-normal);position:fixed;top:0;left:0}.navbar.glass-panel{padding:var(--spacing-2) 0;border-top:none;border-left:none;border-right:none;border-radius:0}.navbar-content{justify-content:space-between;align-items:center;display:flex}.logo-text{font-size:var(--font-size-2xl);letter-spacing:-.5px;font-weight:800}.nav-links{align-items:center;gap:var(--spacing-6);display:flex}.nav-link{color:var(--color-text-primary);font-weight:500}.nav-link:hover{color:var(--color-accent-neon)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}@media (width<=768px){.nav-links{display:none}}.hero-section{padding-top:var(--spacing-16);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:-1;background:radial-gradient(circle,#3b82f626 0%,#0000 70%);width:50%;height:50%;position:absolute;top:-20%;left:-10%}.hero-container{align-items:center}.hero-content{gap:var(--spacing-6);flex-direction:column;display:flex}.hero-title{font-size:var(--font-size-4xl);font-weight:800;line-height:1.2}.hero-subtitle{font-size:var(--font-size-xl);max-width:90%}.hero-actions{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.hero-visual{justify-content:center;align-items:center;gap:var(--spacing-6);flex-direction:column;width:100%;display:flex;position:relative}.mockup-container{width:100%;max-width:320px;animation:6s ease-in-out infinite float;position:relative}.nav-btn{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(8px);color:var(--color-text-primary);border:1px solid var(--color-glass-border);cursor:pointer;z-index:10;width:40px;height:40px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 6px #0000004d}.nav-btn:hover{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.prev-btn{left:-20px}.next-btn{right:-20px}.carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:0 25px 50px -12px #00000080, 0 0 0 1px var(--color-glass-border);border-radius:36px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:center;flex-direction:column;flex:0 0 100%;display:flex;position:relative}.hero-image{object-fit:cover;width:100%;height:auto}.carousel-info{text-align:center;width:100%;max-width:400px;padding:var(--spacing-4);border-radius:var(--radius-xl)}.info-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2);font-weight:700}.info-detail{font-size:var(--font-size-sm);line-height:1.5}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media (width<=768px){.hero-section{padding-top:calc(var(--spacing-16) * 1.5);text-align:center}.hero-content{align-items:center}.hero-subtitle{max-width:100%}.hero-actions{justify-content:center}.hero-visual{margin-top:var(--spacing-8)}.prev-btn{left:-10px}.next-btn{right:-10px}}.features-section{position:relative}.features-header .text-3xl{font-size:var(--font-size-3xl)}.features-header .mb-4{margin-bottom:var(--spacing-4)}.features-header .mb-12{margin-bottom:var(--spacing-12)}.mt-8{margin-top:var(--spacing-8)}.feature-card{padding:var(--spacing-6);gap:var(--spacing-4);flex-direction:column;display:flex}.feature-icon{font-size:var(--font-size-3xl);border-radius:var(--radius-lg);border:1px solid var(--color-glass-border);background:#ffffff0d;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.feature-title{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:600}.pricing-section{background:linear-gradient(#0000,#0f172a80);position:relative}.pricing-grid{max-width:1100px;margin:var(--spacing-12) auto 0;align-items:stretch}.pricing-card{padding:var(--spacing-8);border-radius:var(--radius-2xl);flex-direction:column;display:flex;position:relative}.premium-card{border-color:var(--color-accent-primary);z-index:10;transform:scale(1.05);box-shadow:0 0 30px #3b82f626}.premium-card:hover{transform:scale(1.05)translateY(-5px)}.premium-badge{background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);white-space:nowrap;padding:4px 12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #3b82f680}.pricing-tier{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2);font-weight:700}.pricing-price{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);font-weight:800}.pricing-desc{margin-bottom:var(--spacing-6);min-height:48px}.pricing-features{margin-bottom:var(--spacing-8);gap:var(--spacing-3);flex-direction:column;flex-grow:1;list-style:none;display:flex}.pricing-features li{align-items:flex-start;gap:var(--spacing-2);color:var(--color-text-primary);font-size:.95rem;line-height:1.4;display:flex}.tag-soon{background-color:var(--color-warning);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;margin-top:2px;margin-left:auto;padding:2px 6px;font-size:.7rem}.w-full{width:100%}@media (width<=1024px){.pricing-features li{white-space:normal;align-items:flex-start}}@media (width<=768px){.premium-card{transform:scale(1)}.premium-card:hover{transform:translateY(-5px)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172acc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-8);text-align:center;border:1px solid #ffffff1a;width:100%;max-width:400px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modal-pop}@keyframes modal-pop{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--color-text-primary);background:#ffffff0d}.footer{margin-top:var(--spacing-16);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-bottom:none;border-left:none;border-right:none}.footer-content{padding:var(--spacing-12) var(--spacing-4);gap:var(--spacing-8);flex-direction:column;display:flex}@media (width>=768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-brand{max-width:300px}.logo-container{align-items:center;gap:var(--spacing-2);display:flex}.logo-img{width:auto;height:32px}.mt-2{margin-top:var(--spacing-2)}.footer-links{gap:var(--spacing-12);flex-wrap:wrap;display:flex}.link-group{gap:var(--spacing-3);flex-direction:column;display:flex}.link-title{color:var(--color-text-primary);margin-bottom:var(--spacing-2);font-weight:600}.footer-link{color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-accent-neon)}.footer-bottom{border-top:1px solid var(--color-glass-border);padding:var(--spacing-6) var(--spacing-4);text-align:center}.text-sm{font-size:var(--font-size-sm)}.legal-page-container{padding-top:calc(var(--spacing-16) + 60px);padding-bottom:var(--spacing-16);min-height:calc(100vh - 80px)}.legal-content{padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-2xl);max-width:900px;margin:0 auto}.markdown-body{color:var(--color-text-primary);line-height:1.6}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);color:#fff;font-weight:700}.markdown-body h1{font-size:var(--font-size-3xl);border-bottom:1px solid var(--color-glass-border);padding-bottom:var(--spacing-2)}.markdown-body h2{font-size:var(--font-size-2xl)}.markdown-body p{margin-bottom:var(--spacing-4);color:var(--color-text-secondary)}.markdown-body ul,.markdown-body ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6);color:var(--color-text-secondary)}.markdown-body li{margin-bottom:var(--spacing-2)}.markdown-body a{color:var(--color-accent-primary);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.text-warning{color:var(--color-warning)}@media (width<=768px){.legal-content{padding:var(--spacing-6)}}.contact-page-container{padding-top:calc(var(--spacing-16) + 60px);padding-bottom:var(--spacing-16);min-height:calc(100vh - 80px)}.contact-content{padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-2xl);max-width:600px;margin:0 auto}.contact-form{gap:var(--spacing-6);margin-top:var(--spacing-6);flex-direction:column;display:flex}.form-group{gap:var(--spacing-2);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.form-control{border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);transition:all var(--transition-fast);background:#0f172a99}.form-control:focus{border-color:var(--color-accent-primary);outline:none;box-shadow:0 0 0 2px #3b82f633}.form-control::placeholder{color:var(--color-text-secondary);opacity:.5}.text-error{color:var(--color-error)}.btn-submit{width:100%;margin-top:var(--spacing-4)}@media (width<=768px){.contact-content{padding:var(--spacing-6)}}