*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,sans-serif;background:#f5f7fa;color:#333;line-height:1.6;transition:background .3s,color .3s}h1,h2,h3{margin-bottom:1rem}section{padding:4rem 2rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#1a1a1a;color:#fff;position:sticky;top:0;z-index:1000}.navbar ul{list-style:none;display:flex;gap:1.5rem}.navbar a{color:#fff;text-decoration:none;transition:color .3s}.navbar a:hover{color:#0af}.hero{text-align:center;padding:6rem 2rem;background:linear-gradient(135deg,#0af,#07f);color:#fff}.hero h1 span{color:#ffdd57}.hero .links{margin-top:1rem;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.hero .links a{text-decoration:none;color:#fff;background:#222;padding:8px 14px;border-radius:5px;transition:background .3s}.hero .links a:hover{background:#444}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;margin-top:2rem}.exp-card,.achievements ul{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:1rem auto;max-width:800px;text-align:left}.project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem}.project-card{border:1px solid #ddd;padding:1.5rem;border-radius:10px;background:#fff;box-shadow:0 4px 8px #0000001a;transition:transform .3s}.project-card:hover{transform:translateY(-5px)}.footer{background:#1a1a1a;color:#fff;padding:3rem 1.5rem;text-align:center}.footer a{color:#0af;text-decoration:none;margin:0 10px;transition:color .3s}.footer a:hover{color:#ffdd57}@media (max-width: 768px){.navbar ul{display:none}.hero{padding:4rem 1rem}.exp-card,.achievements ul{padding:1rem}}@media (max-width: 480px){.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.skills-grid{grid-template-columns:repeat(2,1fr)}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;margin-top:2rem}.skill-card{background:#fff;padding:1.2rem;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:transform .3s}.skill-card:hover{transform:translateY(-5px)}.skill-icon{display:block;margin-bottom:.5rem}