/* :root {
  --bg: #ffffff;
  --muted: #666666;
  --accent: #0b57a4;
  --accent-2: #163b6f;
  --black: #0b0b0b;
  --white: #ffffff;
  --surface: #f7f7f8;
  --card-border: #e9e9ea;
  --radius: 8px;
  --transition: 200ms ease;
  --max-width: 1200px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family: Georgia, 'Times New Roman', serif;
  color:var(--black);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}

header .nav-container{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}
.logo{font-weight:700;color:var(--accent);text-decoration:none;font-size:1.6rem}
nav ul{display:flex;gap:1.25rem;list-style:none}
nav a{color:var(--muted);text-decoration:none;padding:0.35rem 0;transition:color var(--transition)}
nav a:hover{color:var(--accent-2)}

.hero h1{color:var(--accent-2);font-weight:400}
.hero p{color:var(--muted)}

.blogs-grid,.testimonials-grid,.founder-highlights{display:grid;gap:1.25rem}
.blogs-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.blog-card,.testimonial-card,.info-card{background:var(--white);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}
.blog-card:hover,.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(12,18,32,0.06)}
.blog-image img{display:block;width:100%;height:200px;object-fit:cover}
.blog-content{padding:1rem}

.btn{display:inline-block;padding:0.55rem 1rem;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:var(--white);text-decoration:none;cursor:pointer;transition:transform var(--transition),opacity var(--transition)}
.btn:hover{opacity:0.95;transform:translateY(-1px)}
.view-all{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:0.4rem 0.9rem;border-radius:6px}

input,textarea,select{font-family:inherit;padding:0.6rem;border:1px solid #ddd;border-radius:6px}
input:focus,textarea:focus,select:focus{outline:2px solid rgba(11,87,164,0.12);border-color:var(--accent-2)}
button[type="submit"]{cursor:pointer}

footer{background:#07132a;color:#dbe9ff;padding:3rem 0}
footer a{color:#dbe9ff}

.whatsapp-button{box-shadow:0 6px 24px rgba(37,211,102,0.18)}

.text-center{text-align:center}
.muted{color:var(--muted)}

@media (max-width:768px){
  nav ul{flex-wrap:wrap;justify-content:center}
  .blogs-grid{grid-template-columns:1fr}
}

.sidebar{border-right:1px solid var(--card-border)}
.main-content{background:var(--surface)} */

/*Mobile devices */
@media (max-width: 768px) {
    .login-box {
        max-width: 90%;
        padding: 20px;
    }
}
/* Animation for messages */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
/* Tablet devices */
@media (min-width: 769px) and (max-width: 1024px) {
    .login-box {
        max-width: 450px;
    }
}
/* Desktop devices */
@media (min-width: 1025px) {
    .login-box {
        max-width: 400px;
    }
}

/* Mobile devices */
@media (max-width: 768px) {
    .register-box {
        max-width: 90%;
        padding: 20px;
    }
}   
/* Tablet devices */
@media (min-width: 769px) and (max-width: 1024px) {
    .register-box {
        max-width: 450px;
    }   
}
/* Desktop devices */
@media (min-width: 1025px) {
    .register-box {
        max-width: 400px;
    }
}