:root{--primary:#8b5cf6;--primary-dark:#7c3aed;--secondary:#0ea5e9;--bg-dark:#0f172a;--bg-card:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);width:100%;max-width:100vw;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}img,svg,video{max-width:100%;height:auto}.app-container{width:100%;overflow-x:clip}.blob-bg{filter:blur(100px);z-index:-1;opacity:.5;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:fixed}.blob-1{background:var(--primary);width:500px;height:500px;top:-10%;left:-10%}.blob-2{background:var(--secondary);width:600px;height:600px;animation-delay:-10s;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}.glass-card{-webkit-backdrop-filter:blur(24px);background:#1e293b66;border:1px solid #ffffff26;border-color:#ffffff40 #ffffff26 #ffffff26 #ffffff40;border-radius:24px;box-shadow:0 8px 32px #0000004d}.gradient-text{background:linear-gradient(135deg, var(--secondary), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.btn-outline{border:2px solid var(--glass-border);color:var(--text-main);background:0 0}.btn-outline:hover{border-color:var(--primary);background:#ffffff0d}.btn-lg{padding:16px 32px;font-size:1.125rem}.navbar{z-index:1000;width:100%;padding:20px 0;transition:all .3s;position:fixed;top:0;left:0}.navbar.scrolled,.navbar.menu-open{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border-bottom:1px solid #ffffff0d;padding:12px 0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;position:relative}.logo{color:var(--text-main);align-items:center;gap:10px;min-width:0;font-size:1.35rem;font-weight:800;text-decoration:none;display:flex}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text-main)}.menu-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;display:none}.mobile-only{display:none}.hero{align-items:center;gap:48px;max-width:1200px;min-height:min(100vh,920px);margin:0 auto;padding:120px 24px 60px;display:flex}.hero-content{flex:1;min-width:0}.hero-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--secondary);margin-bottom:14px;font-size:.85rem;font-weight:700;display:inline-block}.hero-title{word-wrap:break-word;overflow-wrap:anywhere;text-shadow:0 0 40px #8b5cf659;margin-bottom:20px;font-size:clamp(2rem,5vw,4.25rem);font-weight:800;line-height:1.12}.hero-subtitle{color:var(--text-muted);max-width:520px;margin-bottom:32px;font-size:clamp(1rem,2.2vw,1.2rem)}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.hero-visual{perspective:1000px;flex:1;justify-content:center;display:flex}.mockup-card{width:100%;max-width:400px;padding:24px;transition:transform .5s;animation:6s ease-in-out infinite float-mockup;transform:rotateY(-15deg)rotateX(10deg)}.mockup-card:hover{transform:rotateY(0)rotateX(0)scale(1.05)}@keyframes float-mockup{0%,to{transform:rotateY(-15deg)rotateX(10deg)translateY(0)}50%{transform:rotateY(-15deg)rotateX(10deg)translateY(-20px)}}.mockup-header{gap:8px;margin-bottom:32px;display:flex}.circle{border-radius:50%;width:12px;height:12px}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.mockup-stat{background:#ffffff08;border-radius:16px;align-items:center;gap:16px;margin-bottom:16px;padding:16px;transition:background .3s;display:flex}.mockup-stat:hover{background:#ffffff14}.stat-icon{color:var(--primary);background:#8b5cf61a;border-radius:12px;padding:12px}.mockup-stat h4{color:var(--text-muted);font-size:.875rem;font-weight:400}.mockup-stat p{color:var(--text-main);font-size:1.25rem;font-weight:600}section{max-width:1200px;margin:0 auto;padding:100px 24px}.section-header{text-align:center;margin-bottom:64px}.section-header h2{margin-bottom:16px;font-size:2.5rem}.section-header p{color:var(--text-muted);font-size:1.125rem}.feature-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.step-card{padding:24px}.step-card h3{margin:0 0 8px;font-size:1.15rem}.step-card p{color:var(--text-muted);font-size:.95rem}.feature-card{padding:32px;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.icon-wrapper{width:60px;height:60px;color:var(--secondary);background:linear-gradient(135deg,#0ea5e91a,#8b5cf61a);border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-card h3{margin-bottom:12px;font-size:1.5rem}.feature-card p{color:var(--text-muted)}.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.guide-article{max-width:860px;margin:0 auto;padding:clamp(20px,4vw,40px)}.guide-article h3{color:var(--secondary);margin:28px 0 12px;font-size:1.35rem}.guide-article h3:first-child{margin-top:0}.guide-article p,.guide-article li{color:var(--text-muted);margin-bottom:14px;font-size:1.02rem;line-height:1.8}.guide-article ul,.guide-article ol{margin-bottom:18px;padding-left:1.25rem}.guide-article a{color:#a78bfa}.faq-list{flex-direction:column;gap:10px;margin:16px 0 24px;display:flex}.faq-item{border:1px solid var(--glass-border);background:#0f172a59;border-radius:12px;padding:12px 14px}.faq-item summary{cursor:pointer;color:var(--text-main);font-weight:700;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] summary{color:var(--secondary);margin-bottom:8px}.faq-item p{margin-bottom:0;font-size:.95rem}.guide-cta-row{color:var(--secondary);background:#0ea5e914;border:1px solid #0ea5e940;border-radius:14px;align-items:flex-start;gap:12px;margin-top:28px;padding:16px;display:flex}.guide-cta-row p{color:var(--text-main);margin:0}.cta-legal{flex-wrap:wrap;justify-content:center;gap:8px 10px;display:flex;margin-top:18px!important;font-size:.9rem!important}.cta-legal a{color:var(--primary);text-decoration:none}.cta-legal span{color:var(--text-muted)}.testimonial-card{padding:40px}.stars{color:#fbbf24;gap:4px;margin-bottom:24px;display:flex}.quote{margin-bottom:32px;font-size:1.125rem;font-style:italic}.author{align-items:center;gap:16px;display:flex}.author-avatar{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:800;display:flex}.author h4{margin-bottom:4px}.author p{color:var(--text-muted);font-size:.875rem}.cta-container{text-align:center;background:linear-gradient(135deg,#1e293bb3,#8b5cf61a);padding:80px 40px}.cta-container h2{margin-bottom:16px;font-size:3rem}.cta-container p{color:var(--text-muted);margin-bottom:40px;font-size:1.25rem}.cta-buttons{justify-content:center;gap:16px;display:flex}footer{border-top:1px solid var(--glass-border);background:#0f172a80;padding:80px 24px 40px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;max-width:1200px;margin:0 auto 60px;display:flex}.footer-brand h3{align-items:center;gap:10px;margin-bottom:16px;font-size:1.5rem;display:flex}.footer-brand p{color:var(--text-muted);max-width:300px}.footer-links{gap:32px;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--text-main)}.footer-bottom{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;padding-top:40px}.fade-in{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.legal-container,.contact-container{max-width:1000px;margin:120px auto 60px;padding:0 24px}.legal-content{padding:40px}.legal-content h1,.contact-header h1{color:var(--primary);margin-bottom:16px;font-size:3rem}.legal-content h2{color:var(--secondary);border-bottom:1px solid #ffffff1a;margin-top:40px;margin-bottom:16px;padding-bottom:8px;font-size:1.5rem}.highlight-section{color:#fbbf24!important;border-bottom:1px solid #fbbf244d!important}.legal-content p,.legal-content li{color:var(--text-muted);margin-bottom:16px;line-height:1.8}.legal-content ul,.legal-content ol{margin-bottom:24px;padding-left:20px}.deletion-box{background:#fbbf240d;border:1px solid #fbbf2433;border-left:4px solid #fbbf24;border-radius:12px;margin:24px 0;padding:24px}.deletion-box h3{color:#fbbf24;margin-bottom:12px}.perm-table{border-collapse:collapse;width:100%;margin:20px 0 28px;font-size:.95rem}.perm-table th,.perm-table td{border:1px solid var(--glass-border);text-align:left;vertical-align:top;padding:12px 14px}.perm-table th{color:#fff;background:#8b5cf626}.perm-table td{color:var(--text-muted)}.perm-table td:first-child{color:var(--text-main);white-space:nowrap;font-weight:600}@media (width<=720px){.perm-table,.perm-table thead,.perm-table tbody,.perm-table th,.perm-table td,.perm-table tr{display:block}.perm-table thead{display:none}.perm-table tr{border:1px solid var(--glass-border);border-radius:12px;margin-bottom:14px;padding:10px}.perm-table td{border:none;padding:6px 4px}.perm-table td:first-child{white-space:normal}}.last-updated{font-style:italic;color:#fff!important;margin-bottom:40px!important}.contact-header{text-align:center;margin-bottom:48px}.contact-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.125rem}.contact-grid{grid-template-columns:1fr 1.5fr;gap:32px;display:grid}.contact-info,.contact-form{padding:32px}.contact-info h2{margin-bottom:24px;font-size:1.5rem}.info-item{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.icon-wrapper-small{color:var(--primary);background:#8b5cf61a;border-radius:12px;padding:12px}.info-item h3{margin-bottom:4px;font-size:1.125rem}.info-item a{color:var(--text-muted);text-decoration:none}.info-item a:hover{color:var(--primary)}.form-group{margin-bottom:24px}.form-group label{margin-bottom:8px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;color:var(--text-main);background:#0f172a80;border:1px solid #ffffff1a;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.w-100{justify-content:center;width:100%}.success-message{text-align:center;padding:40px 20px}.success-message h3{color:#27c93f;margin-bottom:12px;font-size:1.5rem}.success-message p{color:var(--text-muted);margin-bottom:24px}@media (width<=992px){.hero{text-align:center;flex-direction:column;gap:36px;min-height:auto;padding:110px 20px 48px}.hero-subtitle{margin:0 auto 28px}.hero-cta{justify-content:center}.hero-visual{width:100%}.mockup-card{max-width:360px;margin:0 auto;animation:none;transform:none}.mockup-card:hover{transform:none}.feature-grid,.steps-grid,.testimonial-grid{grid-template-columns:1fr}.cta-container{padding:48px 20px}.cta-container h2{font-size:clamp(1.6rem,5vw,2.4rem)}}@media (width<=768px){.menu-toggle{z-index:1001;justify-content:center;align-items:center;display:inline-flex}.nav-btn{display:none}.nav-container{padding:0 16px}.nav-links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172afa;border-bottom:1px solid #ffffff14;flex-direction:column;gap:0;max-height:min(70vh,420px);padding:8px 16px 16px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.nav-links.open{display:flex}.nav-links li{border-bottom:1px solid #ffffff0f;padding:12px 0}.nav-links li:last-child{border-bottom:none}.mobile-only{display:block;padding-top:8px!important}.cta-buttons{flex-direction:column;align-items:stretch}.cta-buttons .btn{justify-content:center;width:100%}.footer-content{text-align:center;flex-direction:column;gap:24px;margin-bottom:32px}.footer-brand p{margin:0 auto}.footer-links{flex-direction:column;gap:14px;width:100%}footer{padding:48px 16px 28px}.contact-grid{grid-template-columns:1fr}.legal-container,.contact-container{margin:96px auto 40px;padding:0 16px}.legal-content{padding:20px 16px}.legal-content h1,.contact-header h1{font-size:clamp(1.6rem,7vw,2.2rem)}section{padding:56px 16px}.section-header{margin-bottom:36px}.section-header h2{font-size:clamp(1.5rem,6vw,2rem)}.feature-card,.testimonial-card,.step-card{padding:20px}.quote{margin-bottom:20px;font-size:1rem}}@media (width<=480px){.blob-1,.blob-2{filter:blur(80px);opacity:.35;width:280px;height:280px}.hero{gap:28px;padding-top:100px;padding-left:14px;padding-right:14px}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn,.btn-lg{justify-content:center;width:100%;padding:14px 18px;font-size:1rem}.mockup-card{width:100%;padding:14px}.mockup-stat{gap:10px;padding:12px}.stat-icon{flex-shrink:0;padding:8px}.mockup-stat h4{font-size:.75rem}.mockup-stat p{font-size:1rem}.guide-article{border-radius:18px;padding:16px 14px}.guide-article h3{font-size:1.15rem}.guide-article p,.guide-article li{font-size:.95rem}}
