:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;--color-background: #ffffff;--color-background-soft: #f8f9fa;--color-background-mute: #f1f3f4;--color-border: #e9ecef;--color-border-hover: #dee2e6;--color-heading: #2c3e50;--color-text: #495057;--color-text-light: #6c757d;--color-text-lighter: #adb5bd;--color-primary: #667eea;--color-primary-hover: #5a67d8;--color-secondary: #764ba2;--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--color-info: #17a2b8;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .3);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;min-height:100vh;background-color:var(--color-background-soft);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:600;line-height:1.2;margin:0 0 var(--spacing-md) 0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin:0 0 var(--spacing-md) 0;color:var(--color-text)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}input,textarea,select{font-family:inherit;font-size:inherit;border:2px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-weight:500;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button:disabled{opacity:.6;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}@media (max-width: 768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}.container{padding:0 var(--spacing-md)}}@media (prefers-color-scheme: dark){:root{--color-background: #1a1a1a;--color-background-soft: #2d2d2d;--color-background-mute: #3a3a3a;--color-border: #404040;--color-border-hover: #525252;--color-heading: #ffffff;--color-text: #e5e5e5;--color-text-light: #b3b3b3;--color-text-lighter: #808080}}#app[data-v-c1ef7dec]{min-height:100vh;display:flex;flex-direction:column}.app-header[data-v-c1ef7dec]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 0;box-shadow:0 4px 6px #0000001a}.header-content[data-v-c1ef7dec]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.logo-section[data-v-c1ef7dec]{flex:1}.app-title[data-v-c1ef7dec]{font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.app-subtitle[data-v-c1ef7dec]{font-size:1.1rem;margin:.5rem 0 0;opacity:.9}.main-nav[data-v-c1ef7dec]{display:flex;gap:2rem}.nav-link[data-v-c1ef7dec]{color:#fff;text-decoration:none;font-weight:500;padding:.75rem 1.5rem;border-radius:8px;transition:all .3s ease;border:2px solid transparent}.nav-link[data-v-c1ef7dec]:hover{background-color:#ffffff1a;transform:translateY(-2px)}.nav-link.router-link-active[data-v-c1ef7dec]{background-color:#fff3;border-color:#ffffff4d}.main-content[data-v-c1ef7dec]{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.app-footer[data-v-c1ef7dec]{background-color:var(--color-background-mute);color:var(--color-text-light);text-align:center;padding:2rem;border-top:1px solid var(--color-border)}@media (max-width: 768px){.header-content[data-v-c1ef7dec]{flex-direction:column;text-align:center}.app-title[data-v-c1ef7dec]{font-size:2rem}.main-nav[data-v-c1ef7dec]{justify-content:center}.main-content[data-v-c1ef7dec]{padding:1rem}}.home-container[data-v-5bb561f0]{max-width:1200px;margin:0 auto;padding:0}.hero-section[data-v-5bb561f0]{text-align:center;padding:4rem 2rem;background:var(--color-hero-bg);border-radius:16px;margin-bottom:4rem;box-shadow:0 8px 32px #0000001a}.hero-title[data-v-5bb561f0]{font-size:3.5rem;font-weight:700;color:var(--color-heading);margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.hero-description[data-v-5bb561f0]{font-size:1.25rem;color:var(--color-text-light);line-height:1.6;max-width:800px;margin:0 auto 2.5rem}.cta-button[data-v-5bb561f0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.cta-button[data-v-5bb561f0]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea66}.cta-button-large[data-v-5bb561f0]{padding:1.25rem 3rem;font-size:1.2rem}.features-section[data-v-5bb561f0]{margin-bottom:4rem}.features-title[data-v-5bb561f0]{text-align:center;font-size:2.5rem;font-weight:600;color:var(--color-heading);margin-bottom:3rem}.features-grid[data-v-5bb561f0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card[data-v-5bb561f0]{background:var(--color-background);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid var(--color-border)}.feature-card[data-v-5bb561f0]:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.feature-icon[data-v-5bb561f0]{font-size:3rem;margin-bottom:1rem}.feature-title[data-v-5bb561f0]{font-size:1.5rem;font-weight:600;color:var(--color-heading);margin-bottom:1rem}.feature-description[data-v-5bb561f0]{color:var(--color-text-light);line-height:1.6;margin:0}.cta-section[data-v-5bb561f0]{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;margin-bottom:2rem}.cta-title[data-v-5bb561f0]{font-size:2.5rem;font-weight:600;margin-bottom:1rem}.cta-description[data-v-5bb561f0]{font-size:1.25rem;opacity:.9;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-section .cta-button[data-v-5bb561f0]{background:#fff;color:#667eea;box-shadow:0 4px 15px #0003}.cta-section .cta-button[data-v-5bb561f0]:hover{background:#f8f9fa;box-shadow:0 6px 20px #00000040}@media (max-width: 768px){.hero-title[data-v-5bb561f0]{font-size:2.5rem}.hero-description[data-v-5bb561f0]{font-size:1.1rem}.features-grid[data-v-5bb561f0]{grid-template-columns:1fr}.cta-title[data-v-5bb561f0]{font-size:2rem}.cta-description[data-v-5bb561f0]{font-size:1.1rem}}