*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--font-primary: "Inter", "Poppins", system-ui, -apple-system, sans-serif;--font-heading: "Poppins", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace}body{margin:0;padding:0;font-family:var(--font-primary);line-height:1.6;color:#2c3e50;background-color:#fff;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-family:var(--font-heading);font-weight:600;line-height:1.3;letter-spacing:-.015em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin:0 0 1rem;line-height:1.7}a{color:#27ae60;transition:color .3s ease;text-decoration:none}a:hover{color:#229954;text-decoration:underline}button{font-family:inherit;font-size:1rem;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}:root{--primary-color: #27ae60;--primary-dark: #229954;--secondary-color: #2c3e50;--accent-color: #667eea;--success-color: #27ae60;--warning-color: #f39c12;--danger-color: #e74c3c;--info-color: #3498db;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--border-radius: 6px;--border-radius-lg: 12px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--box-shadow-lg: 0 10px 25px rgba(0, 0, 0, .15)}@media (max-width: 1200px){.container{padding:0 2rem}}@media (max-width: 768px){body{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 1rem}}*:focus{outline:2px solid var(--accent-color);outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}.language-switcher[data-v-5f5c2f92]{position:relative;display:flex;align-items:center;gap:.5rem}.language-buttons[data-v-5f5c2f92]{display:flex;gap:.5rem}@media (max-width: 768px){.language-buttons[data-v-5f5c2f92]{display:none}}.language-btn[data-v-5f5c2f92]{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.language-btn[data-v-5f5c2f92]:focus{outline:none}.language-btn[data-v-5f5c2f92]:hover:not(.disabled){background:rgba(255,255,255,.05);border-bottom-color:#ffffff4d}.language-btn.active[data-v-5f5c2f92]{border-bottom-color:#42b883;background:transparent}.language-btn.disabled[data-v-5f5c2f92]{opacity:.5;cursor:not-allowed}.language-btn .flag[data-v-5f5c2f92]{font-size:1rem}.language-btn .language-name[data-v-5f5c2f92]{font-size:.75rem}@media (max-width: 1024px){.language-btn .language-name[data-v-5f5c2f92]{display:none}}.language-dropdown-container[data-v-5f5c2f92]{display:none;position:relative}@media (max-width: 768px){.language-dropdown-container[data-v-5f5c2f92]{display:block}}.language-dropdown-toggle[data-v-5f5c2f92]{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(255,255,255,.1);color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease}.language-dropdown-toggle[data-v-5f5c2f92]:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d}.language-dropdown-toggle .current-flag[data-v-5f5c2f92]{font-size:1rem}.language-dropdown-toggle .dropdown-arrow[data-v-5f5c2f92]{font-size:.75rem;opacity:.7}.language-dropdown[data-v-5f5c2f92]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:white;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;z-index:50;overflow:hidden}.dropdown-item[data-v-5f5c2f92]{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;border:none;background:white;color:#374151;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.dropdown-item[data-v-5f5c2f92]:hover:not(.disabled){background:#f3f4f6}.dropdown-item.active[data-v-5f5c2f92]{background:#e6f7ff;color:#1890ff}.dropdown-item.disabled[data-v-5f5c2f92]{opacity:.5;cursor:not-allowed}.dropdown-item .flag[data-v-5f5c2f92]{font-size:1rem}.dropdown-item .language-name[data-v-5f5c2f92]{flex:1;text-align:left}.dropdown-item .coming-soon[data-v-5f5c2f92]{font-size:.75rem;opacity:.6;font-style:italic}.dialog-overlay[data-v-5f5c2f92]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.dialog-content[data-v-5f5c2f92]{background:white;border-radius:12px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dialog-header[data-v-5f5c2f92]{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.dialog-header .dialog-title[data-v-5f5c2f92]{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.dialog-body[data-v-5f5c2f92]{padding:1.5rem}.dialog-body .dialog-message[data-v-5f5c2f92]{margin:0;color:#6b7280;line-height:1.5}.dialog-actions[data-v-5f5c2f92]{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end}.btn-primary[data-v-5f5c2f92],.btn-secondary[data-v-5f5c2f92]{padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.btn-primary[data-v-5f5c2f92]{background:#3b82f6;color:#fff}.btn-primary[data-v-5f5c2f92]:hover{background:#2563eb}.btn-secondary[data-v-5f5c2f92]{background:white;color:#374151;border-color:#d1d5db}.btn-secondary[data-v-5f5c2f92]:hover{background:#f9fafb;border-color:#9ca3af}#app[data-v-1b79f344]{min-height:100vh;display:flex;flex-direction:column}header[data-v-1b79f344]{background:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}header .main-nav[data-v-1b79f344]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}header .main-nav .nav-brand .nav-logo[data-v-1b79f344]{height:44px;width:auto;display:block}header .main-nav .nav-brand h1[data-v-1b79f344]{margin:0;color:#42b883;font-size:1.5rem}header .main-nav .nav-links[data-v-1b79f344]{display:flex;gap:1.5rem}header .main-nav .nav-links .nav-link[data-v-1b79f344]{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease}header .main-nav .nav-links .nav-link[data-v-1b79f344]:hover,header .main-nav .nav-links .nav-link.router-link-active[data-v-1b79f344]{background:#42b883;color:#fff}header .main-nav .nav-links .nav-link.nav-cta[data-v-1b79f344]{background:#27ae60;color:#fff;font-weight:600}header .main-nav .nav-links .nav-link.nav-cta[data-v-1b79f344]:hover{background:#229954;transform:translateY(-1px)}header .main-nav .nav-links .nav-link.nav-login[data-v-1b79f344]{border:1px solid #ecf0f1}header .main-nav .nav-links .nav-link.nav-login[data-v-1b79f344]:hover{background:#ecf0f1;color:#2c3e50}header .main-nav .nav-links .nav-link.nav-logout[data-v-1b79f344]{background:transparent;border:1px solid #e74c3c;color:#e74c3c;font-family:inherit;font-size:inherit;font-weight:500;cursor:pointer}header .main-nav .nav-links .nav-link.nav-logout[data-v-1b79f344]:hover{background:#e74c3c;color:#fff}header .main-nav .user-menu[data-v-1b79f344]{display:flex;align-items:center;gap:1rem}header .main-nav .user-menu .welcome-text[data-v-1b79f344]{color:#ecf0f1;font-size:.9rem;font-weight:500}header .language-switcher-row[data-v-1b79f344]{background:#2c3e50;padding:.125rem 0}header .language-switcher-row .language-switcher-container[data-v-1b79f344]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center}main[data-v-1b79f344]{flex:1;background:#f8f9fa}@media (max-width: 768px){header .main-nav[data-v-1b79f344]{flex-direction:column;gap:1rem;padding:1rem}header .main-nav .nav-brand .nav-logo[data-v-1b79f344]{height:34px}header .main-nav .nav-links[data-v-1b79f344]{justify-content:center}.language-switcher-row[data-v-1b79f344]{padding:.1rem 0}.language-switcher-row .language-switcher-container[data-v-1b79f344]{padding:0 1rem}}.calculator-grid-section[data-v-f88ee415]{padding:4rem 0}.section-header[data-v-f88ee415]{text-align:center;margin-bottom:3rem}.section-header h2[data-v-f88ee415]{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem}.section-header p[data-v-f88ee415]{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.calculator-grid[data-v-f88ee415]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.calculator-card[data-v-f88ee415]{background:white;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 25px #0000001a;border:2px solid #f8f9fa;transition:all .3s ease;cursor:pointer;position:relative}.calculator-card[data-v-f88ee415]:hover:not(.coming-soon){transform:translateY(-5px);box-shadow:0 8px 35px #00000026;border-color:#27ae60}.calculator-card.coming-soon[data-v-f88ee415]{opacity:.7;cursor:not-allowed}.calculator-card.coming-soon[data-v-f88ee415]:after{content:attr(data-coming-soon);position:absolute;top:1rem;right:1rem;background:#ffc107;color:#856404;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.calculator-card.coming-soon[data-v-f88ee415]:hover{transform:none;box-shadow:0 4px 25px #0000001a;border-color:#f8f9fa}.calculator-icon[data-v-f88ee415]{font-size:4rem;margin-bottom:1rem;display:block}.calculator-card h3[data-v-f88ee415]{font-size:1.5rem;color:#2c3e50;margin-bottom:1rem;font-weight:700}.calculator-card p[data-v-f88ee415]{color:#666;line-height:1.6;margin-bottom:1.5rem}.calculator-meta[data-v-f88ee415]{display:flex;justify-content:space-between;align-items:center}.calculator-meta span[data-v-f88ee415]{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.calculator-meta .difficulty[data-v-f88ee415]{background:#e3f2fd;color:#1976d2}.calculator-meta .time[data-v-f88ee415]{background:#f3e5f5;color:#7b1fa2}@media (max-width: 768px){.calculator-grid[data-v-f88ee415]{grid-template-columns:1fr;padding:0 1rem}.section-header h2[data-v-f88ee415]{font-size:2rem}}.home[data-v-ad271752]{min-height:100vh}.hero-section[data-v-ad271752]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4rem 0 6rem;text-align:center;position:relative;overflow:hidden}.hero-section[data-v-ad271752]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.1}.hero-content[data-v-ad271752]{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.logo-placeholder[data-v-ad271752]{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.logo-placeholder .logo-header[data-v-ad271752]{width:100%;max-width:100px;height:auto;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.logo-placeholder .logo-icon[data-v-ad271752]{font-size:4rem;margin-bottom:.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.logo-placeholder h1[data-v-ad271752]{font-size:3rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.mission-statement[data-v-ad271752]{max-width:800px;margin:0 auto}.mission-statement h2[data-v-ad271752]{font-size:2.5rem;margin-bottom:1.5rem;font-weight:600}.mission-statement .lead[data-v-ad271752]{font-size:1.3rem;line-height:1.7;margin-bottom:3rem;opacity:.95}.hero-stats[data-v-ad271752]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0}.hero-stats .stat .stat-number[data-v-ad271752]{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:gold}.hero-stats .stat .stat-label[data-v-ad271752]{font-size:1rem;opacity:.9}.cta-buttons[data-v-ad271752]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.btn-primary[data-v-ad271752],.btn-secondary[data-v-ad271752],.btn-outline[data-v-ad271752]{padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;font-size:1.1rem;transition:all .3s ease;border:none;cursor:pointer;display:inline-block;min-width:150px}.btn-primary[data-v-ad271752]{background:#27ae60;color:#fff}.btn-primary[data-v-ad271752]:hover{background:#229954;transform:translateY(-2px);box-shadow:0 8px 25px #27ae6066}.btn-secondary[data-v-ad271752]{background:transparent;color:#fff;border:2px solid white}.btn-secondary[data-v-ad271752]:hover{background:white;color:#667eea;transform:translateY(-2px)}.btn-outline[data-v-ad271752]{background:transparent;color:#27ae60;border:2px solid #27ae60}.btn-outline[data-v-ad271752]:hover{background:#27ae60;color:#fff}.welcome-section[data-v-ad271752]{background:linear-gradient(135deg,#27ae60 0%,#229954 100%);color:#fff;padding:3rem 0;text-align:center;position:relative}.welcome-section[data-v-ad271752]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.1}.welcome-content[data-v-ad271752]{max-width:800px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.welcome-content .welcome-message[data-v-ad271752]{margin-bottom:2rem}.welcome-content .welcome-message h1[data-v-ad271752]{font-size:2.5rem;font-weight:600;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.welcome-content .welcome-message p[data-v-ad271752]{font-size:1.2rem;opacity:.95;line-height:1.6}.welcome-content .quick-actions[data-v-ad271752]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.welcome-content .quick-actions .btn-primary[data-v-ad271752]{background:white;color:#27ae60;border:2px solid white}.welcome-content .quick-actions .btn-primary[data-v-ad271752]:hover{background:transparent;color:#fff;border-color:#fff}.welcome-content .quick-actions .btn-secondary[data-v-ad271752]{background:transparent;color:#fff;border:2px solid white}.welcome-content .quick-actions .btn-secondary[data-v-ad271752]:hover{background:white;color:#27ae60}.community-preview[data-v-ad271752]{padding:6rem 0;background:#f8f9fa}.community-preview .container[data-v-ad271752]{max-width:1200px;margin:0 auto;padding:0 2rem}.community-content[data-v-ad271752]{text-align:center}.community-content h2[data-v-ad271752]{font-size:2.5rem;color:#2c3e50;margin-bottom:1.5rem}.community-content>p[data-v-ad271752]{font-size:1.2rem;color:#666;max-width:700px;margin:0 auto 3rem;line-height:1.7}.community-features[data-v-ad271752]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.community-features .feature[data-v-ad271752]{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0000001a}.community-features .feature .feature-icon[data-v-ad271752]{font-size:3rem;margin-bottom:1rem}.community-features .feature h3[data-v-ad271752]{color:#2c3e50;margin-bottom:1rem}.community-features .feature p[data-v-ad271752]{color:#666;line-height:1.6}.community-cta[data-v-ad271752]{margin-top:3rem}@media (max-width: 768px){.hero-section[data-v-ad271752]{padding:3rem 0 4rem}.logo-placeholder .logo-header[data-v-ad271752]{max-width:250px}.logo-placeholder h1[data-v-ad271752]{font-size:2.5rem}.mission-statement h2[data-v-ad271752]{font-size:2rem}.mission-statement .lead[data-v-ad271752]{font-size:1.1rem}.hero-stats[data-v-ad271752]{grid-template-columns:1fr;gap:1rem}.hero-stats .stat-number[data-v-ad271752]{font-size:2rem}.cta-buttons[data-v-ad271752]{flex-direction:column;align-items:center}.community-features[data-v-ad271752]{grid-template-columns:1fr}.welcome-section[data-v-ad271752]{padding:2rem 0}.welcome-content .welcome-message h1[data-v-ad271752]{font-size:2rem}.welcome-content .quick-actions[data-v-ad271752]{flex-direction:column;align-items:center}}
