*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins;background:linear-gradient(135deg,#000,#14001f);color:#fff}

.container{width:90%;max-width:1200px;margin:auto}

.nav{background:#000;padding:18px 0}
.nav-inner{display:flex;justify-content:space-between;align-items:center}

.logo{height:55px}
.logo-wrap{display:flex;gap:12px;align-items:center;font-weight:700}

nav a{margin:0 15px;color:#aaa;text-decoration:none}
nav .active{color:#a855f7;font-weight:600}

.btn{background:linear-gradient(90deg,#7c3aed,#a855f7);padding:12px 22px;border-radius:10px;color:#fff;text-decoration:none}
.btn-outline{border:1px solid #a855f7;padding:12px 22px;border-radius:10px;color:#fff;text-decoration:none}

.hero{display:flex;align-items:center;gap:50px;padding:80px 0}
.hero-img{width:420px;border-radius:20px}

.hero h1{font-size:60px}
.hero span{color:#a855f7}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.card{background:#0c0c0c;padding:30px;border-radius:18px;text-decoration:none;color:#fff}

.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.work-grid img{width:100%;border-radius:18px}

.founder{display:flex;gap:60px;align-items:center;padding:80px 0}
.founder img{width:320px;border-radius:20px}

@media(max-width:900px){
.hero,.founder{flex-direction:column;text-align:center}
.grid,.work-grid{grid-template-columns:1fr}
.hero-img{width:100%}
}