*{box-sizing:border-box;margin:0;padding:0}body{color:#e8e8e8;background-color:#0a0a0a;font-family:Segoe UI,sans-serif;line-height:1.6}a{color:#58a6ff;text-decoration:none}a:hover{color:#79b8ff}nav{z-index:100;background-color:#0d0d0d;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}nav span{color:#58a6ff;font-size:1.2rem;font-weight:700}nav a{color:#e8e8e8;margin-left:2rem;font-size:.95rem}nav a:hover{color:#58a6ff}main h2{color:#58a6ff;margin-bottom:1.5rem;font-size:1.2rem;font-weight:400}main p{color:#a8a8a8;max-width:600px;margin-bottom:2rem;font-size:1rem}main div a{border-radius:6px;margin-right:1rem;padding:.7rem 1.5rem;font-size:.95rem;display:inline-block}main div a:first-child{color:#0a0a0a;background-color:#58a6ff}main div a:last-child{color:#58a6ff;border:1px solid #58a6ff}.tech-pill{color:#a8a8a8;background-color:#161616;border:1px solid #333;border-radius:20px;margin:.3rem;padding:.4rem 1rem;font-size:.85rem;display:inline-block}main{max-width:900px;margin:0 auto;padding:4rem 2rem}main h1{color:#e8e8e8;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}main h2{color:#58a6ff;margin:3rem 0 1rem;font-size:1.5rem;font-weight:500}main p{color:#a8a8a8;max-width:650px;margin-bottom:1rem}.education-card{background-color:#111;border:1px solid #222;border-radius:10px;margin-bottom:1rem;padding:1.5rem}.education-card h3{color:#e8e8e8;margin-bottom:.5rem}.education-card span{color:#58a6ff;margin-right:1rem;font-size:.85rem;display:inline-block}.education-card p{margin-top:.8rem}.interests{flex-wrap:wrap;gap:.5rem;display:flex}.interest-pill{color:#a8a8a8;background-color:#161616;border:1px solid #333;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;display:inline-block}.projects-main{max-width:900px;margin:0 auto;padding:4rem 2rem}.projects-main h1{color:#e8e8e8;margin-bottom:.5rem;font-size:2.5rem}.projects-sub{color:#a8a8a8;margin-bottom:3rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.project-card{background-color:#111;border:1px solid #222;border-radius:10px;flex-direction:column;gap:.8rem;padding:1.5rem;display:flex}.project-card h3{color:#e8e8e8;font-size:1.1rem}.project-card p{color:#a8a8a8;font-size:.9rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:.4rem;display:flex}.tech-pill{color:#a8a8a8;background-color:#161616;border:1px solid #333;border-radius:20px;padding:.3rem .8rem;font-size:.8rem}.project-links{gap:1rem;margin-top:auto;display:flex}.project-links a{color:#58a6ff;border:1px solid #58a6ff;border-radius:6px;padding:.3rem .8rem;font-size:.85rem}.project-links a:hover{color:#0a0a0a;background-color:#58a6ff}.experience-main{max-width:900px;margin:0 auto;padding:4rem 2rem}.experience-main h1{color:#e8e8e8;margin-bottom:.5rem;font-size:2.5rem}.experience-sub{color:#a8a8a8;margin-bottom:3rem}.timeline{flex-direction:column;gap:1.5rem;display:flex}.timeline-item{background-color:#111;border:1px solid #222;border-left:3px solid #58a6ff;border-radius:10px;padding:1.5rem}.timeline-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.timeline-item h3{color:#e8e8e8;margin-bottom:.3rem;font-size:1.1rem}.company{color:#58a6ff;font-size:.9rem}.timeline-meta{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.period{color:#a8a8a8;font-size:.85rem}.type-badge{color:#a8a8a8;background-color:#161616;border:1px solid #333;border-radius:20px;padding:.2rem .7rem;font-size:.75rem}.timeline-item ul{padding-left:1.2rem}.timeline-item li{color:#a8a8a8;margin-bottom:.3rem;font-size:.9rem;line-height:1.7}.contact-main{max-width:900px;margin:0 auto;padding:4rem 2rem}.contact-main h1{color:#e8e8e8;margin-bottom:.5rem;font-size:2.5rem}.contact-sub{color:#a8a8a8;max-width:600px;margin-bottom:3rem}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.contact-card{background-color:#111;border:1px solid #222;border-radius:10px;padding:1.5rem}.contact-card h3{color:#e8e8e8;margin-bottom:.8rem;font-size:1rem}.contact-card a{color:#58a6ff;word-break:break-all;font-size:.9rem}.contact-card a:hover{text-decoration:underline}
