:root{
      --primary:#0d6efd;
      --accent:#f6a800;
    }
    
    body { 
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        font-family: "Inter", sans-serif; 
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: "Rubik", sans-serif;
    }

    p {
        font-family: "Raleway", sans-serif;
    }

    main {
        flex-grow: 1;
    }
    
    .hero {
      background: linear-gradient(90deg, rgba(13,110,253,.08), rgba(246,168,0,.04)), url('https://picsum.photos/id/1018/1600/900') center/cover no-repeat;
      min-height: 56vh;
      display:flex;
      align-items:center;
      color: #0f1724;
    }
    
    .service-card { 
        border: none; 
        border-radius: 
        12px; 
        box-shadow: 0 6px 20px rgba(15,23,36,.06); 
    }
    
    .project-thumb { 
        height:180px; 
        object-fit:cover; 
        border-radius:8px; 
    }
    
    footer { 
        background:#0b1220; 
        color:#dbeafe; 
    }
    
    .brand { 
        font-weight:700;
         color:var(--primary); 
         letter-spacing:.3px; 
        }
    
    @media (max-width:576px) { 
        .hero { 
            min-height: 48vh; 
            padding-top:2rem; 
            padding-bottom:2rem; 
        } 
    }