*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f8fafc;-webkit-font-smoothing:antialiased;background-color:#0f172a;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 20px}.navbar{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:24px 0;display:flex}.logo{letter-spacing:1px;font-size:20px}.nav-links a{color:#aaa;margin-left:20px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.hero-section{text-align:center;justify-content:center;align-items:center;padding:80px 0 60px;display:flex}.hero-content h1{margin-bottom:12px;font-size:42px}.hero-content p{color:#888;font-size:18px}.projects-section{padding-bottom:80px}.projects-section h2{margin-bottom:30px;font-size:28px}.project-grid{flex-wrap:wrap;gap:24px;display:flex}.project-card{background-color:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px;flex-direction:column;width:100%;max-width:360px;display:flex;overflow:hidden}.card-image-wrapper img{object-fit:cover;width:100%;height:200px;display:block}.card-body{flex-direction:column;flex-grow:1;padding:20px;display:flex}.card-body h3{margin-bottom:8px}.card-body p{color:#aaa;flex-grow:1;margin-bottom:20px;font-size:14px;line-height:1.5}.btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:10px 16px;font-weight:500;transition:background-color .2s}.btn:hover{background-color:#1d4ed8}@media (width<=600px){.hero-content h1{font-size:30px}.project-card{max-width:100%}}