body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#1a1a3d;color:#fff}.container{width:90%;max-width:1200px;margin:0 auto}.navbar{background:#2a2a4d;padding:15px 0;display:flex;justify-content:center;align-items:center;gap:20px}.navbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px}.navbar .logo{display:flex;align-items:center;font-size:24px;color:#fff;font-weight:700}.navbar .logo img{height:60px;margin-right:10px;border-radius:30px}.navbar nav{display:flex;align-items:center;flex:1;justify-content:center}.navbar nav ul{display:flex;list-style:none;gap:20px;margin:0;padding:0}.navbar nav a{color:#fff;text-decoration:none;padding:5px 10px;transition:color .3s ease}.navbar nav a.active{color:#c2b800}.auth-buttons{display:flex;align-items:center;gap:10px}.auth-buttons a{padding:10px 20px;text-decoration:none;border-radius:5px}.auth-buttons .login-btn{background:none;border:1px solid #c2b800;color:#c2b800}.auth-buttons .register-btn,.auth-buttons .register-btn.active{background:#c2b800;color:#1a1a3d}.hero{text-align:center;background-image:url(../images/info-hero.jpg);background-size:cover;background-position:center;padding:60px 0;border-radius:10px}.hero h1{font-size:42px;color:#fff}.hero p{font-size:18px;margin-bottom:20px;color:#ddd}.search-bar{display:flex;justify-content:center;gap:10px}.search-bar input{padding:10px;border-radius:5px;border:none;width:300px}.search-bar .btn-primary{background:#4285f4;padding:10px 20px;border-radius:5px;border:none;color:#fff;cursor:pointer}.key-features{padding:40px 0;background:#1a1a3d;text-align:center}.key-features h2{margin-bottom:20px;color:#c2b800}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{background:#2a2a4d;padding:20px;border-radius:10px;text-align:center;color:#fff}.feature-card img{max-width:100%;height:auto;margin-bottom:10px;border-radius:5px}.feature-card h3{margin-bottom:10px;color:#c2b800}.feature-card p{color:#ddd}.how-it-works{padding:40px 0;background:#2a2a4d;text-align:center}.how-it-works h2{color:#c2b800;margin-bottom:20px}.how-it-works ul{list-style:none;padding:0;max-width:800px;margin:0 auto}.how-it-works li{margin-bottom:15px;color:#ddd;text-align:left}.benefits{background:#1a1a3d;padding:40px 0;text-align:center}.benefits h2{margin-bottom:20px;color:#c2b800}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px;margin:0 auto}.benefit-card{background:#2a2a4d;padding:20px;border-radius:10px;color:#ddd;text-align:left}.reviews{padding:20px 0;text-align:center}.review-image{width:100%;max-width:800px;border-radius:10px}.call-to-action{padding:20px 0;background:#2a2a4d;text-align:center}.call-to-action h2{color:#c2b800;margin-bottom:10px}.call-to-action .cta-buttons{display:flex;justify-content:center;gap:20px}.btn-primary{background:#c2b800;color:#1a1a3d;padding:10px 20px;border-radius:5px;text-decoration:none}.btn-secondary{background:#000;color:#c2b800;padding:10px 20px;border-radius:5px;text-decoration:none}footer{background:#2a2a4d;padding:40px 20px}footer .container{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;max-width:1200px;margin:0 auto;color:#fff}.footer-section{margin-bottom:15px}.footer-section h4{font-size:18px;color:#c2b800;margin-bottom:10px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:8px}.footer-section ul a{text-decoration:none;color:#ddd;transition:color .3s ease}.footer-section ul a:hover{color:#c2b800}footer form{display:flex;gap:10px}footer input[type=email]{padding:10px;border-radius:5px;border:none;outline:none;width:200px}footer button{background:#c2b800;border:none;padding:10px 20px;color:#1a1a3d;border-radius:5px;cursor:pointer}.logo-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.logo-text{margin-left:10px}.logo-link:hover,.logo-link:visited{color:inherit}.logo-link img{margin-right:10px}