*{box-sizing:border-box}body{color:#fdfafa;background-color:#151313;margin:0;font-family:Inter,sans-serif}main{max-width:1100px;margin:0 auto;padding:100px 32px}header{background-color:#080808;border-bottom:1px solid #333;width:100%;padding:24px 32px}nav{justify-content:flex-end;align-items:center;display:flex}nav a{color:#f5f5f5;text-decoration:none}.nav-links{gap:32px;display:flex}.nav-links a:hover{color:#a3a3a3}h1{font-size:64px}#about{border-bottom:1px solid #333;margin-top:10px}#projects>h2{border-bottom:1px solid #333;margin-top:20px;padding-bottom:10px}#contact{border-bottom:1px solid #333;margin-top:10px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.project-card{background-color:#1c1c1c;border:1px solid #333;border-radius:10px;overflow:hidden}.project-card img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.project-info{padding:20px}.project-info h3{margin:0 0 8px}.project-info p{color:#a3a3a3;margin:0}.project-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;display:block}.modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#302f2f;border:1px solid #333;border-radius:10px;width:90%;max-width:1050px;height:1000px;max-height:90vh;overflow-y:auto}.modal-header{background-color:#1c1c1c;justify-content:center;align-items:center;display:flex;position:relative}.modal-header button{position:absolute;right:12px}.modal-content img{border-radius:8px;width:80%;height:auto;margin:20px auto;display:block}.modal-details{border-bottom:1px solid #555;grid-template-columns:2fr 1fr;gap:32px;padding:24px 32px;display:grid}.modal-technologies{border-left:1px solid #555;padding-left:24px}@media (width<=700px){.projects-grid{grid-template-columns:1fr}}