*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;padding-top:60px}.navbar{position:fixed;top:0;left:0;right:0;background:#222;color:#fff;z-index:1000;box-shadow:0 2px 4px #0000001a}.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:60px}.brand{color:#fff;text-decoration:none;font-size:1.25rem;font-weight:700}.brand:hover{color:#ddd}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px}.menu-toggle span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#fff;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#08c}@media(max-width:768px){.menu-toggle{display:flex}.nav-links{position:absolute;top:60px;left:0;right:0;background:#222;flex-direction:column;padding:1rem;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-links.open{max-height:300px}.nav-links li{padding:.75rem 0}}.container{max-width:1200px;margin:0 auto;padding:2rem 20px}.hero{margin-bottom:3rem}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.125rem;color:#666}.hero small{font-size:.875rem;color:#999}.section{margin-bottom:3rem}.section-header{border-bottom:1px solid #eee;margin-bottom:2rem}.section-header h2{font-size:2rem;padding-bottom:.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{padding:1.5rem;border:1px solid #eee;border-radius:8px;transition:box-shadow .3s}.project-card:hover{box-shadow:0 4px 12px #0000001a}.project-card h4{font-size:.875rem;color:#666;margin-bottom:.25rem}.project-card h3{font-size:1.5rem;margin-bottom:.75rem}.project-link{display:inline-block;color:#08c;text-decoration:none;margin-bottom:1rem;font-weight:500}.project-link:hover{text-decoration:underline}.project-card p{color:#666;line-height:1.6}.project-card small{font-size:.875rem;color:#999}.contact-links{display:flex;gap:2rem;justify-content:center;margin:3rem 0}.contact-link{display:inline-block;padding:1rem 2rem;background:#08c;color:#fff;text-decoration:none;border-radius:8px;font-size:1.125rem;font-weight:500;transition:background .3s,transform .2s}.contact-link:hover{background:#069;transform:translateY(-2px)}.footer{margin-top:4rem;padding:2rem 0;color:#666}.footer hr{border:none;border-top:1px solid #eee;margin-bottom:1rem}.footer a{color:#08c;text-decoration:none}.footer a:hover{text-decoration:underline}