@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{display:none;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;aspect-ratio:2816 / 1536;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{display:none;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}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal.active{opacity:1;pointer-events:auto}.modal-content{position:relative;max-width:90%;max-height:90%;transform:scale(.8);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.modal.active .modal-content{transform:scale(1)}.modal-image{max-width:100%;max-height:90vh;border-radius:12px;border:4px solid white;box-shadow:0 0 30px #00000080;display:block}.modal-close{position:absolute;top:-40px;right:-40px;background:var(--primary-color);color:#fff;border:3px solid var(--text-color);width:44px;height:44px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-pop);transition:transform .2s}.modal-close:hover{transform:rotate(90deg) scale(1.1)}@media(max-width:768px){.modal-close{top:-50px;right:0}}.card-image-container{cursor:zoom-in}