@import url("https://fonts.googleapis.com/css2?family=Atma:wght@300;400;500;600;700&display=swap");.gallery-page-title{font-size:8rem;color:#0c4a6e;opacity:.15;font-weight:900;margin:0;z-index:0;line-height:1}.gallery-page-subtitle,.gallery-page-title{font-family:var(--font-atma),cursive;text-transform:uppercase;text-align:center;position:relative;display:block}.gallery-page-subtitle{font-size:3rem;color:#0369a1;opacity:.6;font-weight:800;margin-bottom:-.5rem;z-index:1}@media (max-width:768px){.gallery-page-title{font-size:3rem;width:100%;line-height:1;margin-top:10px}.gallery-page-subtitle{font-size:1.5rem;margin-bottom:0;margin-top:10px}}.gallery-page-wrapper{position:relative;min-height:100vh;background:radial-gradient(circle at top center,#E4F3FF 6%,#86C0F0 25%,#304B62 100%);color:white;overflow-x:hidden}.gallery-page-texture{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/texture/texture-paper.jpg);background-repeat:repeat;background-size:400px 400px;opacity:.4;mix-blend-mode:color-burn;z-index:1;pointer-events:none}.gallery-page-wrapper .page-hero-subtitle{color:#E0F2FE;text-shadow:0 2px 4px rgba(0,0,0,.3)}.gallery-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 2rem 400px}.gallery-content .category-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.gallery-content .category-button{background:rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 6px rgba(0,0,0,.1);color:rgba(255,255,255,.9);font-weight:600;letter-spacing:.05em;padding:.8rem 1.8rem;border-radius:50px;transition:all .3s ease;text-transform:uppercase;flex:0 1 auto}.gallery-content .category-button:hover{background:rgba(255,255,255,.25);transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.15);border-color:rgba(255,255,255,.4)}.gallery-content .category-button.active{background:rgba(255,255,255,.4);border-color:rgba(255,255,255,.6);box-shadow:0 0 20px rgba(255,255,255,.2);color:#0f3f6e;transform:scale(1.05)}@media (max-width:768px){.gallery-content{padding:0 1rem 400px}}.gallery-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;padding:2rem 0;margin:0 auto;width:auto;max-width:100%}@media (max-width:768px){.gallery-grid{flex-direction:column;align-items:center;gap:2rem;padding:2rem 0;width:100%}}.gallery-bubble-card{position:relative;width:250px;height:250px;cursor:pointer;transition:transform .3s ease;flex-shrink:0;margin:0 auto}.bubble-mask{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:0 0 0 6px rgba(255,255,255,.2),0 10px 30px rgba(0,0,0,.2);border:none;background:white;transition:box-shadow .3s ease;z-index:10;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.gallery-bubble-card:hover{transform:scale(1.05) translateY(-10px);z-index:20}.gallery-bubble-card:hover .bubble-mask{box-shadow:0 0 0 6px rgba(255,255,255,.6),0 15px 40px rgba(0,0,0,.25)}.gallery-bubble-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-bubble-card:hover .gallery-bubble-image{transform:scale(1.2)}.bubble-shine{top:15%;left:15%;width:20%;height:20%;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.8),rgba(255,255,255,0));z-index:5}.bubble-shine,.gallery-decoration{position:absolute;pointer-events:none}.gallery-decoration{width:80px;height:auto;z-index:25;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));transition:transform .3s ease}.gallery-bubble-card:hover .gallery-decoration{transform:scale(1.1) rotate(5deg)}.corner-tl{top:-30px;left:-30px;transform:rotate(-15deg)}.corner-tr{top:-30px;right:-30px}.corner-bl,.corner-tr{transform:rotate(15deg)}.corner-bl{bottom:-30px;left:-30px}.corner-br{bottom:-30px;right:-30px;transform:rotate(-15deg)}.fish-container{z-index:2}.bubbles-container,.fish-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.bubbles-container{z-index:15}.bubble{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8),rgba(255,255,255,.1));box-shadow:0 0 4px rgba(255,255,255,.3);bottom:-50px}.bubble,.fish{position:absolute}.fish{width:80px;height:auto;will-change:transform}.gallery-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease}.gallery-lightbox.active{pointer-events:auto;opacity:1}.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,20,40,.85);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer}.lightbox-content{position:relative;z-index:101;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.lightbox-image{max-width:100%;max-height:90vh;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.5);cursor:zoom-out;object-fit:contain;transform-origin:center center}