.landing-page{background-color:#fafafa;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}:is(html[class~=dark]) .landing-page{background-color:#111}.landing-content{text-align:center;max-width:800px}.landing-title{color:#0f172a;margin-bottom:1rem;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;line-height:1.2}:is(html[class~=dark]) .landing-title{color:#fff}.landing-description{color:#475569;margin-bottom:2.5rem;font-size:clamp(1rem,3vw,1.25rem);line-height:1.6}:is(html[class~=dark]) .landing-description{color:#94a3b8}.landing-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{color:#fff;background-color:#3b82f6;border-radius:.5rem;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.btn-primary:hover{background-color:#2563eb}.btn-secondary{color:#334155;background-color:#0000;border:2px solid #94a3b8;border-radius:.5rem;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.btn-secondary:hover{color:#3b82f6;border-color:#3b82f6}:is(html[class~=dark]) .btn-secondary{color:#e2e8f0;border-color:#475569}:is(html[class~=dark]) .btn-secondary:hover{color:#3b82f6;border-color:#3b82f6}.feature-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:4rem;display:grid}.feature-card{background-color:#fffc;border:1px solid #0000001a;border-radius:.75rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}:is(html[class~=dark]) .feature-card{background-color:#1a1a1a;border:1px solid #262626}:is(html[class~=dark]) .feature-card:hover{border-color:#333;box-shadow:0 4px 12px #00000080}.feature-title{color:#0f172a;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}:is(html[class~=dark]) .feature-title{color:#fff}.feature-description{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}:is(html[class~=dark]) .feature-description{color:#94a3b8}.theme-switch-wrapper{position:absolute;bottom:2rem;left:2rem}