@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;color:#fff;font-family:Poppins,sans-serif;line-height:1.6}.portfolio{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{position:fixed;top:0;left:0;right:0;background-color:#000;border-bottom:1px solid #222;z-index:1000;padding:1rem 0}.nav-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;gap:2rem;justify-content:center}.nav-link{background:none;border:none;color:#888;font-size:1rem;font-weight:400;cursor:pointer;transition:color .3s ease;font-family:Inter,sans-serif;padding:.5rem 1rem;text-decoration:none;display:inline-block}.nav-link:hover{color:#fff}.section{min-height:100vh;padding-top:5rem}.hero{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-name{font-size:clamp(3rem,8vw,6rem);font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.hero-title{font-size:clamp(1.2rem,3vw,2rem);color:#888;font-weight:300}h2{font-size:2.5rem;font-weight:600;margin-bottom:3rem;letter-spacing:-.01em}p{color:#aaa;font-size:1.1rem;font-weight:300}.project-grid{display:flex;flex-direction:column;gap:2rem}.project-card{background:#111;border-radius:8px;border:1px solid #222;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:row;width:100%;min-height:300px}.project-card:hover{border-color:#444;transform:translateY(-4px)}.project-image{width:350px;min-height:300px;background:#0a0a0a;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:2rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.project-card h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.project-card p{font-size:1rem;margin-bottom:1.5rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag{background:#0a0a0a;padding:.5rem 1rem;border-radius:20px;border:1px solid #222;font-size:.875rem;font-weight:400;color:#aaa;transition:all .3s ease}.tech-tag:hover{border-color:#444;color:#fff}.project-links{display:flex;gap:1rem;margin-top:1.5rem}.project-link{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#0a0a0a;border:1px solid #222;border-radius:6px;color:#aaa;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s ease}.project-link:hover{border-color:#444;background:#111;color:#fff;transform:translateY(-2px)}.project-link svg{flex-shrink:0}.showcase-section{margin-bottom:4rem}.section-heading{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;color:#fff;padding-bottom:.5rem;border-bottom:1px solid #222}.contributed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.contributed-card{background:#111;border-radius:8px;border:1px solid #222;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column}.contributed-card:hover{border-color:#444;transform:translateY(-4px)}.contributed-image{width:100%;height:0;padding-bottom:100%;background:#0a0a0a;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.contributed-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.contributed-card:hover .contributed-image img{transform:scale(1.05)}.contributed-content{padding:1.25rem;flex:1;display:flex;flex-direction:column}.contributed-content h4{font-size:1.125rem;margin-bottom:.75rem;font-weight:600}.contributed-content p{font-size:.875rem;color:#888;margin-bottom:1rem;line-height:1.5}.achievements-list{display:flex;flex-direction:column;gap:2rem}.achievement-item{background:#111;border-radius:8px;border:1px solid #222;overflow:hidden;display:flex;flex-direction:row;transition:all .3s ease}.achievement-item:hover{border-color:#444;transform:translateY(-2px)}.achievement-image{width:200px;height:200px;background:#0a0a0a;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.achievement-image img{width:100%;height:100%;object-fit:cover}.achievement-content{padding:1.5rem;flex:1}.achievement-item h3{font-size:1.25rem;margin-bottom:.75rem;font-weight:600}.achievement-item p{font-size:.9rem;line-height:1.5;margin-bottom:1rem}.contact-info{display:flex;gap:2rem;margin-top:2rem}.contact-info a{color:#888;text-decoration:none;font-size:1.1rem;transition:color .3s ease}.contact-info a:hover{color:#fff}footer{padding:3rem 0;text-align:center;border-top:1px solid #222;margin-top:4rem}footer p{font-size:.9rem;color:#666;margin:0}.contact-form{max-width:600px;margin:2rem 0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#aaa;font-size:1rem}.form-group input,.form-group textarea{width:100%;background:#111;border:1px solid #222;color:#fff;padding:.75rem 1rem;border-radius:6px;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#444}.form-group textarea{resize:vertical}.submit-btn{background:#fff;color:#000;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.submit-btn:hover{background:#e0e0e0;transform:translateY(-2px)}
