/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.static{position:static}.contents{display:contents}*{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0}body{color:#333;background-color:#f9f9f9;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6}.app-container{max-width:1200px;margin:0 auto;padding:1rem}.main-nav{background:#2f5d3a;border-radius:8px;max-width:1100px;margin:1rem auto 2.5rem;padding:.4rem 0}.main-nav ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.main-nav a{color:#f4f7f4;letter-spacing:.03em;padding:.2rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:opacity .2s;position:relative}.main-nav a:hover{opacity:.75}.page-content{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 2px 6px #00000014}@media (max-width:600px){.main-nav{border-radius:8px;padding:.3rem 0}.main-nav ul{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.main-nav a{padding:.15rem 0;font-size:.85rem}}.greeting-card,.game-card{background-color:#fff;border-radius:12px;margin:1rem 0;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000026}.greeting-card:hover,.game-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0003}.greeting-card h1,.game-card h1{color:#333;margin-bottom:.5rem;font-size:1.6rem}.greeting-card p,.game-card p{color:#555;margin-bottom:1rem}.greeting-card input[type=text],.game-card input[type=text],.game-card input[type=number]{border:1px solid #ccc;border-radius:8px;width:100%;margin-bottom:.8rem;padding:.6rem;font-size:1rem}.greeting-card button,.game-card button{color:#fff;cursor:pointer;background-color:#2f5d3a;border:none;border-radius:8px;margin-right:.5rem;padding:.6rem 1.2rem;font-size:1rem;transition:background-color .2s}.greeting-card button:hover,.game-card button:hover{background-color:#4e9a60}.game-card .feedback{color:#d9534f;margin-top:1rem;font-weight:700}.game-card .feedback.correct{color:#28a745}.page-about{max-width:900px;margin:0 auto}.page-about h1{text-align:center;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:2.4rem;font-weight:700}.page-about h2{border-left:5px solid #1e4f02;margin-top:2.5rem;margin-bottom:.75rem;padding-left:.75rem;font-size:1.6rem;font-weight:600}.page-about p{color:#444;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.75}.page-about img{border-radius:14px;width:100%;max-width:320px;margin:2rem auto;transition:transform .25s,box-shadow .25s;display:block;box-shadow:0 10px 28px #0000001f}.page-about img:hover{transform:scale(1.015);box-shadow:0 16px 36px #00000029}.page-about p:first-of-type{background:linear-gradient(135deg,#f3f7ff,#fff);border-left:5px solid #1e4f02;border-radius:12px;padding:1.25rem 1.5rem;font-size:1.15rem;font-weight:500}@media (max-width:600px){.page-about h1{font-size:2rem}.page-about h2{font-size:1.35rem}.page-about p{font-size:1rem}}.contact-card{background:#fff;border-radius:12px;max-width:500px;margin:2rem auto;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.contact-card h1{color:#333;margin-bottom:1rem;font-size:1.6rem}.contact-card form{flex-direction:column;display:flex}.contact-card form input[type=text],.contact-card form input[type=email]{box-sizing:border-box;border:1px solid #ccc;border-radius:8px;width:100%;max-width:100%;margin-bottom:1rem;padding:.6rem;font-size:1rem}.contact-card form button{color:#fff;cursor:pointer;background-color:#2f5d3a;border:none;border-radius:8px;width:fit-content;padding:.6rem 1.2rem;font-size:1rem;transition:background-color .2s}.contact-card form button:hover{background-color:#4e9a60}.contact-card p{color:#333;margin-top:1rem;font-weight:700}.gallery-card{background:#fff;border-radius:12px;max-width:600px;margin:2rem auto;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.gallery-card h1{margin-bottom:1rem}.gallery-card .gallery-folders{flex-wrap:wrap;gap:1rem;padding:0;list-style:none;display:flex}.gallery-card .gallery-folders li{cursor:pointer;background:#4cafef;border-radius:8px;padding:.8rem 1rem;transition:background .2s}.gallery-card .gallery-folders li a{color:#fff;text-decoration:none}.gallery-card .gallery-folders li:hover{background:#3a95d9}.photo-gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem;padding:0 1rem;display:grid}.photo-gallery img{border-radius:8px;width:100%;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 8px #0000001a}.photo-gallery img:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003}.faq-page{max-width:820px;margin:0 auto}.faq-page h1{text-align:center;letter-spacing:-.02em;margin-bottom:2rem;font-size:2.2rem;font-weight:700}.faq-item{background:#fafafa;border-radius:12px;margin-bottom:1rem;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 6px 18px #0000000f}.faq-item:hover{transform:translateY(-2px);box-shadow:0 10px 26px #00000014}.faq-question{text-align:left;color:#fff;cursor:pointer;background:linear-gradient(135deg,#028231,#1e4f02);border:none;width:100%;padding:1.1rem 1.25rem;font-size:1.15rem;font-weight:600;transition:background .2s;position:relative}.faq-question:hover{background:linear-gradient(135deg,#0a5026,#0a5026)}.faq-question:after{content:"▾";opacity:.9;font-size:1.2rem;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}