@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;700&display=swap";:root{--bg-color: #fcf9f2;--text-color: #2c3e50;--primary-color: #ff8b94;--secondary-color: #a8e6cf;--accent-color: #ffd3b6;--fun-yellow: #ffaaa5;--card-bg: #ffffff;--font-header: "Fredoka One", cursive;--font-body: "Nunito", sans-serif;--shadow-pop: 5px 5px 0px rgba(0,0,0,.15);--shadow-hover: 8px 8px 0px rgba(0,0,0,.2)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}h1,h2,h3{font-family:var(--font-header);color:var(--text-color);font-weight:400}#app{max-width:1200px;margin:0 auto;padding:2rem;text-align:center}header{margin-bottom:4rem;position:relative}h1{font-size:4rem;color:var(--primary-color);text-shadow:3px 3px 0 var(--secondary-color);margin-bottom:.5rem;transform:rotate(-2deg);display:inline-block}.subtitle{font-size:1.5rem;color:#7f8c8d;margin-top:0}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;padding:1rem}.card{background:var(--card-bg);border:4px solid var(--text-color);border-radius:20px;padding:1rem;box-shadow:var(--shadow-pop);transition:transform .2s,box-shadow .2s;cursor:default;position:relative;overflow:hidden}.card:hover{transform:translate(-3px,-3px) rotate(1deg);box-shadow:var(--shadow-hover)}.card-image-container{background-color:var(--accent-color);border-radius:12px;height:300px;display:flex;align-items:center;justify-content:center;border:2px solid var(--text-color);margin-bottom:1rem;overflow:hidden}.card-image{max-width:100%;max-height:100%;object-fit:contain}.card h3{font-size:1.5rem;margin:.5rem 0}.card p{font-size:1rem;color:#666}footer{margin-top:5rem;padding:2rem;font-size:.9rem;opacity:.8}.bg-shape{position:fixed;z-index:-1;opacity:.4;pointer-events:none}