:root{
      --accent: #0069ff;
      --accent-dark: #0047b3;
      --glass: rgba(255,255,255,0.06);
    }

    body{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Kufi Arabic', 'Droid Arabic Kufi', Tahoma, sans-serif; background: linear-gradient(180deg,#0f172a 0%, #071024 100%); color:#e6eef8}

    /* Hero */
    .hero{padding:5.5rem 0;}
    .card-glass{background: linear-gradient(135deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02)); border:1px solid rgba(255,255,255,0.04); backdrop-filter: blur(6px);}

    /* Team */
    .team-card img{width:110px;height:110px;object-fit:cover;border-radius:50%;border:4px solid rgba(255,255,255,0.06)}

    /* Projects */
    .project-thumb{height:180px; object-fit:cover; border-radius:10px;}

    /* Buttons */
    .btn-accent{background:var(--accent);border:none}
    .btn-accent:hover{background:var(--accent-dark)}

    /* Floating contact */
    .float-contact{position:fixed; left:1rem; bottom:1rem; z-index:999}

    footer{padding:2rem 0; opacity:0.9}

    /* small tweaks */
    .nav-link{color:rgba(230,238,248,0.85)}
    .nav-link:hover{color:#fff}

    @media (max-width:768px){
      .hero{padding:3rem 0}
    }