*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f0f0f0;color:#333;font-family:'Noto Sans',sans-serif}main{width:100%}header{min-height:50vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}h1{font-size:clamp(2rem,6vw,4rem);font-weight:700}.content{padding:6rem 2rem;max-width:1000px;margin:0 auto;text-align:center}h2{font-size:2rem;margin-bottom:1rem}p{font-size:1.1rem;margin-bottom:3rem;color:#666}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s;animation:appear .6s ease-out forwards;opacity:0}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card:hover{box-shadow:0 8px 20px rgba(0,0,0,.15);transform:translateY(-5px)}footer{padding:2rem;text-align:center;background:#e0e0e0;color:#666}