body{margin:0;font-family:Arial,sans-serif;background:#f4f4f4;color:#1e293b}.navbar{display:flex;justify-content:space-between;align-items:center;background:#1e293b;color:#fff;padding:15px 40px}.nav-links{list-style:none;display:flex;gap:20px;margin:0;padding:0}.nav-links a{color:#fff;text-decoration:none}.nav-links a:hover{color:#38bdf8}section{padding:60px 40px;max-width:900px;margin:0 auto}.hero{text-align:center;padding:80px 40px;max-width:700px;margin:0 auto}.hero h1{font-size:2.5rem;margin-bottom:16px}.hero-subtitle{font-size:1.2rem;color:#475569;margin-bottom:32px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:700;font-size:1rem;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.85}.btn-primary{background:#1e293b;color:#fff}.btn-secondary{background:#fff;color:#1e293b;border:2px solid #1e293b}.btn-sm{padding:8px 16px;font-size:.875rem}.about-section p{line-height:1.7;color:#475569;margin-bottom:16px}.skills-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.skill-badge{background:#1e293b;color:#fff;padding:6px 14px;border-radius:20px;font-size:.875rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-top:24px}.project-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:12px}.project-card h3{margin:0;font-size:1.1rem}.project-card p{color:#475569;font-size:.95rem;margin:0;flex:1}.tech-tags{display:flex;flex-wrap:wrap;gap:6px}.tech-tag{background:#e2e8f0;color:#1e293b;padding:3px 10px;border-radius:12px;font-size:.8rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px}.blog-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #00000014}.blog-card h3{margin:0 0 6px;font-size:1.1rem}.blog-date{font-size:.8rem;color:#94a3b8}.blog-card p{color:#475569;margin-top:12px;line-height:1.6}.contact-list{list-style:none;padding:0;margin-top:20px;display:flex;flex-direction:column;gap:12px}.contact-list li{font-size:1rem;color:#475569}.contact-list a{color:#1e293b;font-weight:700;text-decoration:none}.contact-list a:hover{color:#38bdf8}@media(max-width:600px){.navbar{flex-direction:column;gap:12px;padding:15px 20px}.hero h1{font-size:1.8rem}section{padding:40px 20px}}