*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Arial,sans-serif;background:#0f172a;color:#fff}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:#0f172a;position:sticky;top:0}.logo{font-size:30px;font-weight:bold;color:#ff9900}.nav-links{display:flex;gap:25px;list-style:none}.nav-links a{text-decoration:none;color:#fff}.nav-links a:hover{color:#ff9900}.hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.hero h1{font-size:64px}.hero h2{color:#ff9900;margin:15px 0}.hero h3{color:#38bdf8}.hero p{max-width:700px;color:#cbd5e1;margin:20px 0;font-size:20px}.buttons{display:flex;gap:20px}.btn-primary,.btn-secondary{padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:bold}.btn-primary{background:#ff9900;color:#fff}.btn-secondary{border:2px solid #38bdf8;color:#38bdf8}.section{padding:80px 10%}.section h2{text-align:center;color:#ff9900;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}.card,.project{background:#1e293b;padding:20px;border-radius:10px;text-align:center}footer{text-align:center;padding:25px;background:#111827;color:#bbb}.project{max-width:900px;margin:0 auto;padding:35px;}.project h3{font-size:34px;margin-bottom:18px;}.project p{font-size:20px;line-height:1.8;color:#e5e7eb;margin-bottom:30px;}.project .btn-primary{display:inline-block;margin-top:10px;}

/* ---- Added: 5-card Projects grid ---- */
.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto}
.project-card{padding:30px;background:#1e293b;border:1px solid rgba(255,255,255,0.12);border-radius:12px;transition:transform 0.2s ease,border-color 0.2s ease;text-align:left}
.project-card:hover{transform:translateY(-4px);border-color:#ff9900}
.project-card h3{font-size:22px;margin-bottom:12px;color:#ffffff}
.project-card p{font-size:15px;line-height:1.6;color:#e5e7eb;margin-bottom:14px}
.project-card .tech-stack{font-size:13px;color:#ff9900;font-weight:600;margin-bottom:18px}
.project-card .btn-primary{display:inline-block}