.landing-page{background:var(--color-background);min-height:100vh}.public-header{border-bottom:1px solid var(--color-border);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:12px 24px;display:flex}.logo-link{align-items:center;text-decoration:none;display:flex}.logo-link img{width:40px;height:40px}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{color:var(--color-text-secondary);font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--color-primary)}.login-btn{color:var(--color-text-secondary);background:#98ee994d;border:none;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .2s}.login-btn:hover{background:#98ee9980}.signup-btn{background:var(--gradient-primary);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .2s}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #66bb6a66}.hero-section{background:linear-gradient(135deg,#66bb6a 0%,#4db6ac 50%,#26a69a 100%);padding:80px 24px}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1280px;margin:0 auto;display:grid}.hero-text h1{color:#fff;margin:0 0 24px;font-size:60px;font-weight:700;line-height:1}.hero-text p{color:#e8f5e9;margin:0 0 32px;font-size:18px;line-height:1.6}.hero-buttons{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.hero-primary-btn{color:#2e7d32;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:20px 32px;font-size:18px;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #00000026}.hero-primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.hero-secondary-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:8px;padding:18px 32px;font-size:18px;font-weight:600;text-decoration:none;transition:all .2s}.hero-secondary-btn:hover{background:#ffffff1a}.hero-disclaimer{color:#c8e6c9;font-size:14px}.hero-image{justify-content:center;display:flex}.hero-image img{max-width:300px;height:auto}.problem-section{text-align:center;background:#fff;padding:64px 24px}.problem-content{max-width:800px;margin:0 auto}.problem-content h2{color:#1f2937;margin:0 0 24px;font-size:28px;font-weight:700}.problem-content p{color:#6b7280;margin:0;font-size:18px;line-height:1.6}.problem-content strong{color:#2e7d32;font-weight:600}.features-section{background:#f9fafb;padding:80px 24px}.features-content{text-align:center;max-width:1280px;margin:0 auto}.features-content>h2{color:#1f2937;margin:0 0 12px;font-size:32px;font-weight:700}.features-content>p{color:#6b7280;margin:0 0 48px;font-size:18px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));justify-items:center;gap:24px;display:grid}.feature-card{text-align:left;background:#fff;border:2px solid #0000;border-radius:16px;max-width:380px;padding:32px;transition:all .2s ease-out;box-shadow:0 8px 24px #00000014}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 32px #66bb6a40}.feature-icon{background:linear-gradient(135deg,#98ee99,#66bb6a);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:flex}.feature-icon svg{color:#fff;width:28px;height:28px}.feature-card h3{color:#1f2937;margin:0 0 12px;font-size:20px;font-weight:700}.feature-card p{color:#6b7280;margin:0;font-size:16px;line-height:1.5}.how-section{text-align:center;background:#fff;padding:80px 24px}.how-content{max-width:1280px;margin:0 auto}.how-content>h2{color:#1f2937;margin:0 0 12px;font-size:32px;font-weight:700}.how-content>p{color:#6b7280;margin:0 0 48px;font-size:18px}.steps-grid{flex-wrap:wrap;justify-content:center;gap:48px;display:flex}.step-card{text-align:center;max-width:280px}.step-number{color:#2e7d32;background:#c8e6c9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:24px;font-weight:700;display:flex}.step-card h3{color:#1f2937;margin:0 0 12px;font-size:20px;font-weight:700}.step-card p{color:#6b7280;margin:0;font-size:16px}.cta-section{text-align:center;background:linear-gradient(135deg,#66bb6a 0%,#4db6ac 50%,#26a69a 100%);padding:80px 24px}.cta-content{max-width:800px;margin:0 auto}.cta-content h2{color:#fff;margin:0 0 24px;font-size:32px;font-weight:700}.cta-content>p{color:#e8f5e9;margin:0 0 32px;font-size:18px}.cta-button{color:#2e7d32;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:20px 32px;font-size:18px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 4px 12px #00000026}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.cta-disclaimer{color:#c8e6c9;margin:24px 0 0;font-size:14px}.public-footer{color:#fff;background:#1f2937;padding:48px 24px 24px}.footer-content{max-width:1280px;margin:0 auto}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px;margin-bottom:48px;display:grid}.footer-brand img{width:48px;height:48px;margin-bottom:16px}.footer-brand p{color:#9ca3af;margin:0;font-size:14px;line-height:1.6}.footer-links h4{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.footer-links ul{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:#d1d5db;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #374151;padding-top:24px}.footer-bottom p{color:#9ca3af;margin:0;font-size:14px}@media (max-width:768px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text h1{font-size:36px}.hero-buttons{justify-content:center}.hero-image{order:-1}.nav-links .nav-link{display:none}.features-grid{grid-template-columns:1fr}.steps-grid{flex-direction:column;align-items:center}}