*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{min-height:100vh;display:flex;flex-direction:column;color:#333;position:relative;overflow-x:hidden}canvas#bgCanvas{position:fixed;top:0;left:0;z-index:-1}header{text-align:center;padding:2rem 1rem;background-color:#ffffffe6;box-shadow:0 2px 5px #0000001a;position:sticky;top:0;z-index:10}header h1{font-size:2.5rem;color:#222}main{flex:1;padding:2rem 1rem}.project-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;justify-content:center;justify-items:center}.project-card{background-color:#fff;border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #00000014;will-change:transform;width:min(420px,100%)}.project-card:hover{transform:translateY(-5px) rotate(1deg) scale(1.03);box-shadow:0 8px 20px #00000026}.project-card h2{font-size:1.3rem;margin-bottom:.5rem}.project-card p{font-size:.95rem;color:#666}.project-card img{width:100%;aspect-ratio:2.6 / 1;object-fit:contain;margin:0 auto .75rem;display:block;border-radius:10px;background:linear-gradient(180deg,#f7f7f7,#efefef)}@media (min-width: 600px){.project-grid{grid-template-columns:repeat(2,minmax(270px,420px))}.project-card{width:100%}}@media (min-width: 1120px){.project-grid{grid-template-columns:repeat(3,minmax(350px,450px))}}footer{text-align:center;padding:1.5rem;background-color:#ffffffe6;box-shadow:0 -2px 5px #0000000d}footer a{color:#007acc;text-decoration:none}footer a:hover{text-decoration:underline}