body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#1a1a3d;color:#fff}h1,h2,h3,h4{color:#c2b800;font-weight:600;margin-bottom:15px}p{line-height:1.6;margin-bottom:20px;color:#ccc}.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}.about-hero{background:linear-gradient(145deg,#2a2a4d,#1a1a3d);text-align:center;padding:60px 20px;border-radius:10px;margin-bottom:40px}.about-hero h1{font-size:36px;margin-bottom:15px;color:#fff}.about-hero p{max-width:800px;margin:0 auto;color:#ccc}.why-ocrms{background:#1a1a3d;padding:40px 20px;text-align:center;border-radius:10px;margin-bottom:40px}.why-ocrms ul{list-style:none;padding:0;max-width:800px;margin:0 auto;text-align:left}.why-ocrms ul li{margin-bottom:15px;background:#2a2a4d;padding:15px;border-radius:8px;color:#ddd;display:flex;align-items:center;gap:10px}.why-ocrms ul li:before{content:"✔️";color:#c2b800;font-size:18px}.core-features{background:#2a2a4d;padding:40px 20px;text-align:center;border-radius:10px;margin-bottom:40px}.core-features h2{color:#e0d31a}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.feature{background:#1a1a3d;padding:20px;border-radius:10px;text-align:left;box-shadow:0 4px 6px #0000004d;transition:transform .3s ease-in-out}.feature:hover{transform:translateY(-5px)}.feature h3{margin-bottom:10px}.feature p{color:#bbb}.testimonials{background:linear-gradient(145deg,#2a2a4d,#1a1a3d);padding:40px 20px;text-align:center;border-radius:10px;margin-bottom:40px}.testimonial-cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.testimonial{background:#2a2a4d;padding:20px;border-radius:10px;max-width:350px;color:#ddd;box-shadow:0 4px 6px #0003;transition:box-shadow .3s ease}.testimonial:hover{box-shadow:0 6px 10px #0006}.testimonial h4{font-size:14px;margin-top:10px;color:#c2b800}.call-to-action{background:#1a1a3d;padding:30px;text-align:center;border-radius:10px;margin-bottom:40px}.call-to-action h2{color:#e0d31a;margin-bottom:15px}.call-to-action a{background:#c2b800;color:#1a1a3d;padding:10px 20px;border-radius:5px;text-decoration:none;transition:background-color .3s}.call-to-action a:hover{background:#e0d31a}footer{background:#2a2a4d;padding:40px 20px}footer .container{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.footer-section h4{color:#c2b800;margin-bottom:10px}.footer-section p,footer ul li a{color:#ddd}footer ul{list-style:none;padding:0}footer form{display:flex;gap:10px}footer input[type=email]{padding:10px;border-radius:5px;border:none;outline:none}footer button{background:#c2b800;color:#1a1a3d;padding:10px 20px;border-radius:5px;border:none;cursor:pointer;transition:background-color .3s}footer button:hover{background:#e0d31a}@media (max-width: 768px){footer .container{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.features-grid{grid-template-columns:1fr}.testimonial-cards{flex-direction:column}footer .container{grid-template-columns:1fr}}.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}
