:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.6}body{min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}:root{--color-brand-950:#1a2622;--color-brand-900:#253530;--color-brand-800:#324840;--color-brand-700:#3f6e5c;--color-brand-600:#4a7f6b;--color-brand-500:#5a9a82;--color-brand-400:#7ebba3;--color-brand-300:#a5d4c0;--color-brand-200:#cce8dd;--color-brand-100:#e5f4ed;--color-brand-50:#f2faf6;--color-success:#4a9b7c;--color-warning:#c4a24d;--color-error:#c45a5a;--color-info:#5a8fc4;--color-neutral-900:#1f2623;--color-neutral-800:#2d3632;--color-neutral-700:#3d4a45;--color-neutral-600:#526059;--color-neutral-500:#6b7975;--color-neutral-400:#8a9692;--color-neutral-300:#a8b3ae;--color-neutral-200:#c8cfcc;--color-neutral-100:#e8ebe9;--color-neutral-50:#f5f7f6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-neutral-900);background:var(--color-neutral-50);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-neutral-200);z-index:100;background:#fff;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{color:var(--color-brand-700);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.logo:hover{color:var(--color-brand-600)}.logo svg,.logo-img{object-fit:contain;width:40px;height:40px}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--color-neutral-700);font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--color-brand-700)}.hero{background:linear-gradient(135deg,var(--color-brand-800)0%,var(--color-brand-600)100%);color:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:6rem 2rem;display:grid}.hero-content{max-width:600px}.hero h1{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-subtitle{opacity:.95;margin-bottom:2rem;font-size:1.25rem;line-height:1.8}.cta-group{gap:1rem;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary{color:var(--color-brand-700);background:#fff}.btn-primary:hover{box-shadow:var(--shadow-md);background:var(--color-brand-50);transform:translateY(-2px)}.btn-secondary{color:#fff;background:0 0;border:2px solid #fff}.btn-secondary:hover{background:#ffffff1a}.hero-image{justify-content:center;align-items:center;display:flex}.hero-logo{object-fit:contain;filter:drop-shadow(0 4px 12px #0000001a);width:300px;height:300px}.placeholder-image{text-align:center;font-size:10rem}.features{background:#fff;padding:6rem 2rem}.section-title{text-align:center;color:var(--color-neutral-900);margin-bottom:3rem;font-size:2.5rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{background:var(--color-neutral-50);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);padding:2rem;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-brand-300);background:var(--color-brand-50);transform:translateY(-4px)}.feature-icon{margin-bottom:1rem;font-size:3rem}.feature-card h3{color:var(--color-neutral-900);margin-bottom:.75rem;font-size:1.5rem}.feature-card p{color:var(--color-neutral-700);line-height:1.7}.about{background:var(--color-brand-50);padding:6rem 2rem}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-text h2{color:var(--color-neutral-900);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.about-text p{color:var(--color-neutral-700);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}.stats{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.stat{text-align:center;border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:#fff;padding:1.5rem}.stat-number{color:var(--color-brand-700);margin-bottom:.5rem;font-size:3rem;font-weight:800}.stat-label{color:var(--color-neutral-700);font-size:1rem;font-weight:500}.about-image{justify-content:center;align-items:center;display:flex}.about-logo{object-fit:contain;opacity:.9;width:250px;height:250px}.cta-section{background:linear-gradient(135deg,var(--color-brand-800)0%,var(--color-brand-600)100%);color:#fff;text-align:center;padding:6rem 2rem}.cta-section h2{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.cta-section p{opacity:.95;margin-bottom:2rem;font-size:1.25rem}.email-form{justify-content:center;gap:1rem;max-width:500px;margin:0 auto;display:flex}.email-input{border-radius:var(--radius-md);color:var(--color-neutral-900);background:#fff;border:2px solid #fff;outline:none;flex:1;padding:.875rem 1.5rem;font-size:1rem}.email-input:focus{border-color:var(--color-brand-300);box-shadow:0 0 0 3px #a5d4c04d}.success-message{border-radius:var(--radius-md);background:#fff3;padding:1rem 2rem;font-size:1.125rem;font-weight:600}.footer{background:var(--color-neutral-900);color:#fff;margin-top:auto;padding:4rem 2rem 2rem}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.footer-brand .logo{color:#fff;margin-bottom:1rem}.footer-brand .logo:hover{color:var(--color-brand-300)}.footer-brand p{color:var(--color-neutral-400);line-height:1.7}.footer-column h4{color:#fff;margin-bottom:1rem;font-size:1rem;font-weight:600}.footer-column a{color:var(--color-neutral-400);margin-bottom:.5rem;text-decoration:none;transition:color .2s;display:block}.footer-column a:hover{color:var(--color-brand-300)}.footer-bottom{text-align:center;border-top:1px solid var(--color-neutral-700);padding-top:2rem}.footer-bottom p{color:var(--color-neutral-500)}@media (max-width:768px){.hero{text-align:center;grid-template-columns:1fr;padding:4rem 2rem}.hero h1{font-size:2.5rem}.hero-image{display:none}.cta-group{justify-content:center}.nav-links{display:none}.about-content{grid-template-columns:1fr}.about-image{display:none}.stats,.footer-content{grid-template-columns:1fr}.email-form{flex-direction:column}.features-grid{grid-template-columns:1fr}}.auth-redirect{background:linear-gradient(135deg,#324840 0%,#4a7f6b 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-redirect .container{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:500px;padding:3rem;box-shadow:0 10px 15px -3px #0000001a}.auth-redirect .logo{color:#3f6e5c;width:80px;height:80px;margin:0 auto 1.5rem;display:inline-flex}.auth-redirect .logo svg,.auth-redirect .logo-img{object-fit:contain;width:100%;height:100%}.auth-redirect h1{color:#1f2623;margin-bottom:1rem;font-size:1.75rem}.auth-redirect .status{color:#6b7975;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.auth-redirect .status.success{color:#4a9b7c;font-weight:600}.auth-redirect .status.error{color:#c45a5a;font-weight:600}.auth-redirect .spinner{border:4px solid #e8ebe9;border-top-color:#4a7f6b;border-radius:50%;width:40px;height:40px;margin:0 auto 1.5rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-redirect .instructions{text-align:left;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-top:1.5rem;padding:1.5rem;font-size:.9375rem;line-height:1.6}.auth-redirect .instructions strong{color:#92400e;margin-bottom:.75rem;display:block}.auth-redirect .instructions ol{color:#78350f;margin-left:1.25rem}.auth-redirect .instructions li{margin-bottom:.5rem}.auth-redirect .error-actions{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.auth-redirect .btn{cursor:pointer;color:#fff;background:#4a7f6b;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.auth-redirect .btn:hover{background:#3f6e5c;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.auth-redirect .btn-secondary{color:#4a7f6b;background:0 0;border:2px solid #4a7f6b}.auth-redirect .btn-secondary:hover{background:#f2faf6;transform:translateY(-2px)}.under-construction{background:linear-gradient(135deg,var(--brand-50)0%,var(--brand-100)100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.construction-content{text-align:center;max-width:600px;box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;padding:3rem}.construction-logo{filter:drop-shadow(0 4px 6px #0000001a);width:120px;height:120px;margin-bottom:2rem}.construction-content h1{color:var(--brand-800);margin-bottom:1rem;font-size:2rem}.construction-message{color:var(--neutral-600);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.construction-content .btn{text-decoration:none;display:inline-block}@media (max-width:768px){.construction-content{padding:2rem}.construction-logo{width:80px;height:80px}.construction-content h1{font-size:1.5rem}.construction-message{font-size:1rem}}