*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;-webkit-font-smoothing:antialiased;background:#0a0a0a;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-item{opacity:0;animation:.6s forwards heroFadeUp}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(28px)}.fade-in.visible{opacity:1;transform:translateY(0)}.cursor{color:#aaa;margin-left:2px;font-weight:300;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor.blink{animation:1s step-end infinite blink}.hero{color:#fff;text-align:center;background:#0a0a0a;flex-direction:column;align-items:center;padding:100px 20px 80px;display:flex}.profile{object-fit:cover;border:2px solid #222;border-radius:50%;width:150px;height:150px;margin-bottom:15px;box-shadow:0 0 25px #ffffff14}.name{margin:0;font-size:44px;font-weight:700}.role{color:#aaa;min-height:28px;margin-top:10px;font-size:18px}.bio{color:#cfcfcf;max-width:650px;margin-top:20px;font-size:15.5px;line-height:1.7}.social-icons{gap:18px;margin-top:20px;display:flex}.social-icons a{color:#aaa;font-size:20px;transition:all .3s}.social-icons a:hover{color:#fff;transform:translateY(-3px)}.section-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:25px;display:flex}.section-btn{color:#ccc;background:#111;border:1px solid #333;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.section-btn:hover{color:#000;background:#fff}.skills{color:#fff;text-align:center;background:#0d0d0d;padding:80px 20px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:900px;margin:0 auto;display:grid}.skill-group{text-align:left;background:#111;border:1px solid #222;border-radius:10px;height:100%;padding:16px}.skill-label{color:#666;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 10px;font-size:11px;font-weight:600}.tags{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.tag{color:#888;white-space:nowrap;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:20px;padding:3px 9px;font-size:11px}.projects{color:#fff;background:#0a0a0a;padding:80px 20px}.section-title{text-align:center;margin-bottom:30px;font-size:32px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1100px;margin:0 auto;display:grid}.project-link{color:inherit;height:100%;text-decoration:none;display:block}.project-card{cursor:pointer;background:#111;border:1px solid #222;border-radius:10px;height:100%;padding:20px;transition:transform .3s,border-color .3s}.project-card:hover{border-color:#fff;transform:translateY(-5px)}.project-card h3{margin:0 0 8px;font-size:17px}.metric-badge{color:#4ade80;background:#0f2a1a;border:1px solid #166534;border-radius:20px;margin-bottom:10px;padding:3px 10px;font-size:11px;display:inline-block}.project-img{object-fit:cover;border:1px solid #222;border-radius:8px;width:100%;height:160px;margin-bottom:10px;transition:transform .3s}.project-card:hover .project-img{transform:scale(1.03)}.project-img-placeholder{color:#555;background:#161616;border:1px solid #222;border-radius:8px;justify-content:center;align-items:center;width:100%;height:160px;margin-bottom:10px;font-size:15px;display:flex}.project-bullets{margin:10px 0 0;padding-left:16px;list-style:outside}.project-bullets li{color:#aaa;margin-bottom:6px;font-size:13px;line-height:1.6}.about{text-align:center;color:#fff;background:#0d0d0d;padding:80px 20px}.about-text{color:#cfcfcf;max-width:700px;margin:0 auto;font-size:15.5px;line-height:1.8}