.home{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.logo a{font-size:1.5rem;font-weight:600;color:white;text-decoration:none}.nav{display:flex;gap:2rem}.nav a{color:#ccc;text-decoration:none;font-size:.95rem}.hero,.nav a:hover{color:white}.hero{background:linear-gradient(135deg,rgba(0,0,0,.85),rgba(0,0,0,.7)),url(/hero.avif);background-size:cover;background-position:50%;padding:6rem 0;text-align:center}.hero h1{font-size:3rem;margin:0 0 1rem}.hero p{font-size:1.25rem;color:#ccc;margin:0 0 2rem}.hero-actions{display:flex;justify-content:center;gap:1rem}.btn-primary{display:inline-block;padding:.75rem 2rem;background:#0066cc;color:white;text-decoration:none;border-radius:4px;font-weight:500;transition:background .2s}.btn-primary:hover{background:#0052a3}.features{padding:4rem 0}.features h2{text-align:center;margin-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.feature-card{background:white;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.feature-card h3{margin:0 0 .75rem;color:#1a1a1a}.feature-card p{margin:0;color:#666;line-height:1.6}