:root{--primary-color: #0D6EFD;--secondary-color: #6C757D;--background-color: #f8f9fa;--text-color: #212529;--font-primary: "Space Grotesk", sans-serif;--font-secondary: "Roboto", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-secondary);background-color:var(--background-color);color:var(--text-color);line-height:1.6;display:flex;flex-direction:column;min-height:100vh}#app{flex:1;display:flex;flex-direction:column}.container{width:90%;max-width:1140px;margin:0 auto}.header{padding:1rem 0;background-color:#fff;box-shadow:0 2px 4px #0000000d}.header .container{display:flex;justify-content:center;align-items:center}.logo{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:0 auto}.logo img{height:160px;width:auto;border-radius:8px;display:block;margin:0 auto}@media (max-width: 600px){.logo img{height:80px}}.logo span{font-family:var(--font-primary);font-size:1.7rem;font-weight:700;color:var(--text-color);margin-top:.5rem}.main-content{flex:1;padding:3rem 0}.hero{text-align:center}.tagline{font-family:var(--font-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--primary-color)}.tagline .dot{color:var(--secondary-color)}.subtitle{font-size:1.1rem;color:var(--secondary-color);max-width:600px;margin:0 auto 2rem}.features{display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap}.feature-card{background:#fff;border-radius:18px;box-shadow:0 4px 24px #0d6efd12,0 1.5px 6px #00000008;padding:2rem 1.5rem;min-width:220px;max-width:320px;flex:1 1 220px;text-align:center;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 8px 32px #0d6efd21,0 2px 8px #0000000d}.feature-card h2{font-family:var(--font-primary);color:var(--primary-color);font-size:1.3rem;margin-bottom:.5rem}.feature-card p{color:var(--secondary-color);font-size:1rem}.footer{padding:1.5rem 0;background-color:#e9ecef;text-align:center;font-size:.9rem;color:var(--secondary-color);margin-top:auto}@media (max-width: 768px){.tagline{font-size:2rem}.subtitle{font-size:1rem}}@media (max-width: 900px){.features{flex-direction:column;align-items:center;gap:1.5rem}}