.navbar[data-v-df2d8921]{transition:all .3s ease}.navbar-content[data-v-df2d8921]{flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.nav-menu[data-v-df2d8921]{flex-direction:row;flex-wrap:wrap;gap:.5rem}.nav-link[data-v-df2d8921]{font-size:.9rem}.language-toggle[data-v-df2d8921],.theme-toggle[data-v-df2d8921]{scale:.9}}.footer[data-v-824b580a]{background-color:var(--color-surface);padding:3rem 0 1rem;margin-top:4rem;border-top:1px solid var(--color-border)}.footer-content[data-v-824b580a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;text-align:left}.footer-section h3[data-v-824b580a],.footer-section h4[data-v-824b580a]{color:var(--color-text-primary);margin-bottom:1rem}.footer-section p[data-v-824b580a]{color:var(--color-text-secondary);line-height:1.6}.footer-logo[data-v-824b580a]{color:var(--color-primary);font-size:1.5rem;font-weight:700}.footer-links[data-v-824b580a]{list-style:none;padding:0}.footer-links li[data-v-824b580a]{margin-bottom:.5rem}.footer-links a[data-v-824b580a]{color:var(--color-text-secondary);text-decoration:none;transition:color .3s ease}.footer-links a[data-v-824b580a]:hover{color:var(--color-primary)}.footer-bottom[data-v-824b580a]{text-align:center;padding-top:2rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.9rem}@media (max-width: 768px){.footer-content[data-v-824b580a]{grid-template-columns:1fr;text-align:center}.footer[data-v-824b580a]{padding:2rem 0 1rem}}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.section-title[data-v-e0540fe5]{text-align:center;margin-bottom:3rem;color:var(--color-text-primary)}.hero-subtitle[data-v-e0540fe5]{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fffffff2}.hero-actions[data-v-e0540fe5]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.features-grid[data-v-e0540fe5]{gap:2rem}.feature-card[data-v-e0540fe5]{text-align:center;transition:all .3s ease}.feature-card[data-v-e0540fe5]:hover{transform:translateY(-8px)}.tech-section[data-v-e0540fe5]{background-color:var(--color-surface)}.tech-grid[data-v-e0540fe5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.tech-item[data-v-e0540fe5]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background-color:var(--color-card);border-radius:.5rem;border:1px solid var(--color-border);transition:all .3s ease}.tech-item[data-v-e0540fe5]:hover{transform:translateY(-4px);box-shadow:0 8px 20px var(--color-shadow)}.tech-icon[data-v-e0540fe5]{font-size:2rem}@media (max-width: 768px){.hero-actions[data-v-e0540fe5]{flex-direction:column;align-items:center}.btn[data-v-e0540fe5]{width:200px}.tech-grid[data-v-e0540fe5]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-secondary: #64748b;--color-accent: #06b6d4;--color-background: #ffffff;--color-surface: #f8fafc;--color-card: #ffffff;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-shadow: rgba(0, 0, 0, .1);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%)}[data-theme=dark]{--color-primary: #60a5fa;--color-primary-dark: #3b82f6;--color-secondary: #94a3b8;--color-accent: #22d3ee;--color-background: #0f172a;--color-surface: #1e293b;--color-card: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #475569;--color-shadow: rgba(0, 0, 0, .3);--gradient-hero: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-accent: linear-gradient(135deg, #60a5fa 0%, #22d3ee 100%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-text-primary)}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:2rem;margin-bottom:.875rem}h3{font-size:1.5rem;margin-bottom:.75rem}p{margin-bottom:1rem;color:var(--color-text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease;min-width:120px}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 14px var(--color-shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--color-shadow)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:#fff}.card{background-color:var(--color-card);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px var(--color-shadow);transition:all .3s ease;border:1px solid var(--color-border)}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px var(--color-shadow)}.hero{background:var(--gradient-hero);color:#fff;text-align:center;padding:6rem 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat}.hero-content{position:relative;z-index:1}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;color:#fff}.hero p{font-size:1.25rem;margin-bottom:2rem;color:#ffffffe6;max-width:600px;margin-left:auto;margin-right:auto}.navbar{background-color:var(--color-card);border-bottom:1px solid var(--color-border);padding:1rem 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center}.nav-link{text-decoration:none;color:var(--color-text-primary);font-weight:500;transition:color .3s ease}.nav-link:hover,.nav-link.router-link-active{color:var(--color-primary)}.theme-toggle{background:none;border:2px solid var(--color-border);color:var(--color-text-primary);border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.2rem}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.language-toggle{background:none;border:2px solid var(--color-border);color:var(--color-text-primary);border-radius:.5rem;padding:.5rem 1rem;cursor:pointer;font-weight:500;transition:all .3s ease}.language-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.feature-icon{width:3rem;height:3rem;background:var(--gradient-accent);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem;color:#fff}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary)}.form-input{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:.5rem;background-color:var(--color-background);color:var(--color-text-primary);transition:border-color .3s ease}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-textarea{resize:vertical;min-height:120px}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:2rem 0;text-align:center;margin-top:4rem}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.nav-menu{gap:1rem}.container{padding:0 1rem}.section{padding:2rem 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}html{scroll-behavior:smooth}
