:root{--primary-color: #4CAF50;--secondary-color: #2E7D32;--text-color: #333;--bg-color: #fff;--footer-bg-color: #f5f5f5;--border-color: #e0e0e0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,Arial,sans-serif;color:var(--text-color);line-height:1.6}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem;width:100%}.header{padding:1rem 0;border-bottom:1px solid var(--border-color);width:100%;background-color:#fff;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{z-index:101}.main-nav{display:flex;gap:1.5rem;align-items:center}.main-nav a{text-decoration:none;color:var(--text-color);font-weight:500;padding:.5rem .75rem;border-radius:4px;transition:color .3s,background-color .3s}.main-nav a:hover{color:var(--primary-color);background-color:#4caf500d}.main-nav a.router-link-active{color:var(--primary-color);font-weight:600}.btn{display:inline-block;padding:.625rem 1.25rem;border-radius:4px;text-decoration:none;font-weight:600;border:none;cursor:pointer;transition:background-color .3s,transform .2s,box-shadow .3s}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--primary-color);color:#fff!important;box-shadow:0 2px 5px #4caf5033}.btn-primary:hover{background-color:var(--secondary-color);box-shadow:0 4px 8px #4caf504d}.btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background-color:transparent}.btn-outline:hover{background-color:#4caf500d;color:var(--primary-color)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:101}.bar{width:100%;height:3px;background-color:var(--text-color);border-radius:10px;transition:transform .3s,opacity .3s}.mobile-nav-footer{display:none;width:100%;margin-top:2rem;text-align:center}.desktop-only{display:block}.footer{background-color:var(--footer-bg-color);padding:4rem 0 1.25rem;margin-top:4rem;width:100%}.footer-content{display:flex;justify-content:space-between;margin-bottom:3rem}.footer-logo{flex:0 0 25%}.footer-logo p{margin-top:1rem;opacity:.8}.footer-links{flex:0 0 70%;display:flex;justify-content:space-between}.footer-column h3{margin-bottom:1.25rem;font-size:1.125rem;color:var(--primary-color)}.footer-column a{display:block;margin-bottom:.75rem;text-decoration:none;color:var(--text-color);transition:color .3s}.footer-column a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;padding-top:1.25rem;border-top:1px solid var(--border-color);font-size:.875rem;opacity:.7}@media (max-width: 768px){.header{padding:1rem 0}.mobile-menu-toggle{display:flex}.main-nav{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:#fff;flex-direction:column;align-items:flex-start;padding:5rem 2rem 2rem;box-shadow:-5px 0 15px #0000001a;transition:right .3s ease;z-index:100;gap:1.5rem}.main-nav.mobile-open{right:0}.mobile-nav-footer{display:block}.desktop-only{display:none}.footer-content{flex-direction:column}.footer-logo{margin-bottom:2rem;text-align:center}.footer-links{flex-direction:column}.footer-column{margin-bottom:2rem}.footer-column h3,.footer-column a{text-align:center}}.subscribe-form[data-v-9ab961d6],.form-container[data-v-9ab961d6]{width:100%}.form-group[data-v-9ab961d6]{margin-bottom:20px}label[data-v-9ab961d6]{display:block;margin-bottom:5px;font-weight:500;color:inherit}input[data-v-9ab961d6]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s}input[data-v-9ab961d6]:focus{border-color:var(--primary-color);outline:none}.submit-button[data-v-9ab961d6]{width:100%;padding:14px 20px;background-color:var(--accent-color, #ff6b6b);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.submit-button[data-v-9ab961d6]:hover{background-color:var(--accent-color-dark, #ff5252)}.submit-button[data-v-9ab961d6]:disabled{background-color:#ccc;cursor:not-allowed}.error-message[data-v-9ab961d6]{color:#e53935;margin-bottom:15px;padding:8px 12px;background-color:#e539351a;border-radius:4px}.success-message[data-v-9ab961d6]{text-align:center;padding:30px}.success-icon[data-v-9ab961d6]{width:60px;height:60px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 20px}.success-message h3[data-v-9ab961d6]{font-size:22px;margin-bottom:10px;color:var(--primary-color)}.success-message p[data-v-9ab961d6]{margin-bottom:20px;color:#666}.back-button[data-v-9ab961d6]{padding:10px 20px;background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.back-button[data-v-9ab961d6]:hover{background-color:var(--primary-color);color:#fff}.agreement[data-v-9ab961d6]{font-size:12px;margin-top:15px;color:#777;text-align:center}.agreement a[data-v-9ab961d6]{color:var(--primary-color);text-decoration:none}.agreement a[data-v-9ab961d6]:hover{text-decoration:underline}.optional[data-v-9ab961d6]{font-size:12px;color:#999;font-weight:400}.required[data-v-9ab961d6]{color:#e53935}@media (max-width: 768px){input[data-v-9ab961d6],.submit-button[data-v-9ab961d6]{padding:10px 12px;font-size:14px}}.hero[data-v-e5942fa5]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0 80px;margin-bottom:0}.container[data-v-e5942fa5]{max-width:1200px;margin:0 auto;padding:0 20px}.hero-content[data-v-e5942fa5]{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-text h1[data-v-e5942fa5]{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero-text p[data-v-e5942fa5]{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.hero-buttons[data-v-e5942fa5]{display:flex;gap:1rem;flex-wrap:wrap}.btn[data-v-e5942fa5]{padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.btn-primary[data-v-e5942fa5]{background:#4caf50;color:#fff}.btn-primary[data-v-e5942fa5]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-outline[data-v-e5942fa5]{border:2px solid white;color:#fff}.btn-outline[data-v-e5942fa5]:hover{background:#fff;color:#667eea}.hero-image[data-v-e5942fa5]{display:flex;justify-content:center}.hero-img[data-v-e5942fa5]{width:100%;max-width:500px;height:auto;border-radius:20px;box-shadow:0 20px 40px #0003}.features[data-v-e5942fa5]{padding:80px 0;background:#f8fafc}.section-title[data-v-e5942fa5]{text-align:center;font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:3rem}.features-grid[data-v-e5942fa5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card[data-v-e5942fa5]{background:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.feature-card[data-v-e5942fa5]:hover{transform:translateY(-8px);box-shadow:0 20px 25px #0000001a}.feature-icon[data-v-e5942fa5]{width:80px;height:80px;margin-bottom:1.5rem}.feature-card h3[data-v-e5942fa5]{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.feature-card p[data-v-e5942fa5]{color:#718096;line-height:1.6;margin-bottom:1.5rem}.feature-link[data-v-e5942fa5]{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.feature-link[data-v-e5942fa5]:hover{color:#5a6fd8}.section-header[data-v-e5942fa5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.view-all-link[data-v-e5942fa5]{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.view-all-link[data-v-e5942fa5]:hover{color:#5a6fd8}.latest-news[data-v-e5942fa5]{padding:80px 0;background:#fff}.news-grid[data-v-e5942fa5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.news-card[data-v-e5942fa5]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #00000012;transition:all .3s ease;cursor:pointer}.news-card[data-v-e5942fa5]:hover{transform:translateY(-8px);box-shadow:0 20px 25px #0000001a}.news-image[data-v-e5942fa5]{position:relative;height:200px;overflow:hidden}.news-image img[data-v-e5942fa5]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-card:hover .news-image img[data-v-e5942fa5]{transform:scale(1.05)}.news-category[data-v-e5942fa5]{position:absolute;top:1rem;right:1rem;background:#ffffffe6;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;color:#4a5568}.news-content[data-v-e5942fa5]{padding:1.5rem}.news-content h3[data-v-e5942fa5]{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:.5rem;line-height:1.3}.news-content p[data-v-e5942fa5]{color:#718096;line-height:1.5;margin-bottom:1rem;font-size:.9rem}.news-meta[data-v-e5942fa5]{display:flex;justify-content:space-between;font-size:.8rem;color:#a0aec0}.featured-plants[data-v-e5942fa5]{padding:80px 0;background:#f8fafc}.plants-grid[data-v-e5942fa5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.plant-card[data-v-e5942fa5]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #00000012;transition:all .3s ease;cursor:pointer}.plant-card[data-v-e5942fa5]:hover{transform:translateY(-8px);box-shadow:0 20px 25px #0000001a}.plant-image[data-v-e5942fa5]{position:relative;height:180px;overflow:hidden}.plant-image img[data-v-e5942fa5]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.plant-card:hover .plant-image img[data-v-e5942fa5]{transform:scale(1.05)}.plant-type[data-v-e5942fa5]{position:absolute;top:1rem;right:1rem;background:#ffffffe6;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;color:#4a5568}.plant-content[data-v-e5942fa5]{padding:1.5rem}.plant-content h3[data-v-e5942fa5]{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.plant-content p[data-v-e5942fa5]{color:#718096;line-height:1.5;font-size:.9rem}.common-problems[data-v-e5942fa5]{padding:80px 0;background:#fff}.problems-grid[data-v-e5942fa5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.problem-card[data-v-e5942fa5]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #00000012;transition:all .3s ease;cursor:pointer}.problem-card[data-v-e5942fa5]:hover{transform:translateY(-8px);box-shadow:0 20px 25px #0000001a}.problem-image[data-v-e5942fa5]{position:relative;height:180px;overflow:hidden}.problem-image img[data-v-e5942fa5]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.problem-card:hover .problem-image img[data-v-e5942fa5]{transform:scale(1.05)}.severity-badge[data-v-e5942fa5]{position:absolute;top:1rem;right:1rem;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;color:#fff}.severity-badge.severity-low[data-v-e5942fa5]{background:#38a169}.severity-badge.severity-medium[data-v-e5942fa5]{background:#ed8936}.severity-badge.severity-high[data-v-e5942fa5]{background:#c53030}.severity-badge.severity-critical[data-v-e5942fa5]{background:#742a2a}.problem-content[data-v-e5942fa5]{padding:1.5rem}.problem-content h3[data-v-e5942fa5]{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.problem-content p[data-v-e5942fa5]{color:#718096;line-height:1.5;margin-bottom:1rem;font-size:.9rem}.problem-category[data-v-e5942fa5]{font-size:.8rem;color:#a0aec0;font-weight:500}.newsletter[data-v-e5942fa5]{padding:80px 0;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.newsletter-content[data-v-e5942fa5]{text-align:center;max-width:600px;margin:0 auto}.newsletter h2[data-v-e5942fa5]{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.newsletter p[data-v-e5942fa5]{font-size:1.2rem;margin-bottom:2rem;opacity:.9}@media (max-width: 768px){.hero-content[data-v-e5942fa5]{grid-template-columns:1fr;text-align:center}.hero-text h1[data-v-e5942fa5]{font-size:2.5rem}.section-header[data-v-e5942fa5]{flex-direction:column;gap:1rem;text-align:center}.features-grid[data-v-e5942fa5],.news-grid[data-v-e5942fa5],.plants-grid[data-v-e5942fa5],.problems-grid[data-v-e5942fa5]{grid-template-columns:1fr}.hero-buttons[data-v-e5942fa5]{justify-content:center}}#app{max-width:100%;margin:0 auto;font-weight:400;display:flex;flex-direction:column;min-height:100vh}.main-content{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem;width:100%}a{text-decoration:none;color:var(--primary-color);transition:color .3s,background-color .3s}a:hover{color:var(--secondary-color)}@media (hover: hover){a:hover{background-color:transparent}}@media (max-width: 768px){.main-content{padding:0 1rem;max-width:100%}#app{overflow-x:hidden}}@media (min-width: 1024px){body{display:block}#app{display:flex;flex-direction:column;padding:0}.main-content{width:var(--container-width);max-width:100%}}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #333333;--vt-c-black-soft: #444444;--vt-c-black-mute: #555555;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: #333333;--vt-c-text-light-2: #666666;--vt-c-text-dark-1: #f8f8f8;--vt-c-text-dark-2: #dddddd}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px;--primary-color: #4CAF50;--secondary-color: #2E7D32;--accent-color: #ff6b6b;--text-color: #333333;--bg-color: #ffffff;--footer-bg-color: #f5f5f5;--border-color: #e0e0e0;--container-width: 1200px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text-color);background:var(--bg-color);transition:color .3s,background-color .3s;line-height:1.6;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;width:100%}