body{font-family:Inter,sans-serif;margin:0;padding:0;color:#111;background:#fff;line-height:1.6}header{text-align:center;padding:4rem 1rem}header h1{font-size:2.5rem;font-weight:700}header p{max-width:600px;margin:1rem auto;color:#555}.buttons{margin-top:1.5rem}.buttons a{display:inline-block;margin:0 .5rem;padding:.7rem 1.2rem;border-radius:6px;text-decoration:none;font-weight:600;border:1px solid #ccc}.buttons .primary{background:#2563eb;color:#fff;border:none}.buttons:hover{cursor:pointer}section{max-width:900px;margin:4rem auto;padding:0 1rem}.about{display:flex;align-items:center;gap:2rem}.about img{width:150px;height:150px;border-radius:50%;object-fit:cover}.about h2{margin-top:0}.skills,.projects{margin-top:2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.skill{border:1px solid #eee;padding:1rem;text-align:center;border-radius:8px;background:#fafafa}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.project{border:1px solid #eee;border-radius:8px;padding:1rem;background:#fff;white-space:pre-line}.project h3{margin-top:0}.project a{color:#2563eb;text-decoration:none;font-weight:600}footer{text-align:center;padding:2rem 1rem;background:#fff}.skill-bar{margin:12px 0}.skill-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:14px;font-weight:500}.skill-name{color:#111}.skill-level{font-size:12px;color:#666}.bar{height:8px;background:#eee;border-radius:6px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);transition:width .4s ease}.contact{padding:3rem 1rem;background:#f9fafb}