body{margin:0;font-family:Segoe UI,sans-serif;background:#0f172a;color:#fff}.container{padding:40px 10%}nav{display:flex;justify-content:space-between;align-items:center;background:#020617;padding:20px 10%;position:sticky;top:0}nav h3{margin:0}nav a{color:#cbd5f5;margin-left:20px;text-decoration:none;transition:.3s}nav a:hover{color:#fff}.hero{text-align:center;padding:120px 20px}.hero h1{font-size:48px;margin-bottom:10px}.hero p{color:#94a3b8;margin-bottom:20px}.hero button{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:.3s}.hero button:hover{background:#2563eb}.card{background:#1e293b;padding:20px;border-radius:12px;width:250px;transition:.3s}.card:hover{transform:translateY(-5px)}.projects{display:flex;gap:20px;flex-wrap:wrap}.card{background:#1e293b;border-radius:12px;overflow:hidden;width:300px;transition:.3s}.card img{width:100%;height:180px;object-fit:cover}.card h3{margin:15px}.card p{margin:0 15px 15px;color:#94a3b8}.card:hover{transform:translateY(-8px)}.buttons{display:flex;justify-content:space-between;padding:15px}.buttons a{text-decoration:none;padding:8px 12px;background:#3b82f6;color:#fff;border-radius:6px;font-size:14px;transition:.3s}.buttons a:hover{background:#2563eb}