@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap";:root{--font-heading: "Space Grotesk", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Plus Jakarta Sans", "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-page: #e6deed;--color-gradient-start: #f9c0dc;--color-gradient-end: #cfd6ff;--color-card: rgba(255, 224, 242, .92);--color-card-soft: rgba(250, 213, 241, .7);--color-border: rgba(128, 97, 170, .4);--color-text: #2f1f44;--color-text-muted: #5c4b71;--color-accent: #8f5de5;--color-accent-strong: #ff5f9f;--shadow-soft: 0 22px 55px rgba(125, 90, 169, .28);--glass-blur: blur(14px);font-family:var(--font-body);line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(125deg,var(--color-gradient-start),var(--color-gradient-end));color:var(--color-text)}#root{min-height:100vh}.app{position:relative;min-height:100vh;overflow:hidden}.app:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.1),transparent 45%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.08),transparent 50%),linear-gradient(120deg,#ffffff0d,#fff0 40%,#ffffff0d 75%),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" opacity="0.25"><g fill="none" stroke="%23ffffff" stroke-width="0.6" stroke-opacity="0.35"><circle cx="12" cy="12" r="9"/><circle cx="70" cy="30" r="7"/><circle cx="120" cy="90" r="10"/><circle cx="40" cy="120" r="8"/><circle cx="140" cy="40" r="6"/></g><g fill="none" stroke="%23ffffff" stroke-width="0.4" stroke-opacity="0.2"><path d="M0 40 C30 20 60 60 90 40"/><path d="M50 140 C70 120 110 150 160 130"/></g></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" opacity="0.2"><filter id="noise" x="0" y="0" width="1" height="1"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2"/><feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 0.15 0"/></filter><rect width="120" height="120" filter="url(%23noise)" /></svg>');background-size:100% 100%,100% 100%,100% 100%,180px 180px,120px 120px;mix-blend-mode:soft-light;pointer-events:none;z-index:0}.app:after{content:"";position:fixed;inset:0;background:#f6cbe0;pointer-events:none;z-index:0}.app-gradient{position:fixed;inset:0;background:radial-gradient(circle at 20% 25%,rgba(247,157,195,.5),transparent 55%),radial-gradient(circle at 80% 10%,rgba(166,142,236,.45),transparent 45%),linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));filter:blur(60px);z-index:0}.app-content{position:relative;min-height:100vh;z-index:1;display:flex;flex-direction:column}.header{padding:1.6rem clamp(1.25rem,4vw,3rem) .75rem}.header-inner{display:flex;align-items:center;justify-content:space-between;background:var(--color-card);border:1px solid rgba(139,116,195,.3);border-radius:24px;padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,3vw,1.5rem);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-soft);gap:.75rem;flex-wrap:wrap}.language-toggle{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem;border-radius:999px;background:#ffffff8c;border:1px solid rgba(76,36,107,.2);box-shadow:inset 0 1px #ffffffbf,0 6px 14px #2f134c1f}.language-toggle button{display:inline-flex;justify-content:center;align-items:center;gap:.2rem;padding:.3rem .6rem;border-radius:999px;border:none;background:#ceb1ff59;color:#35205d;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.language-toggle button.active{background:linear-gradient(130deg,#8862c1f2,#5f3caaeb);color:#fdfbff;box-shadow:inset 0 2px 4px #ffffff26,0 5px 12px #40195c40;transform:translateY(1px)}.language-toggle button .flag{font-size:.95rem}.language-toggle-divider{color:#2b0c3973}.nav{display:flex;gap:.75rem}.nav-button{padding:.65rem 1.4rem;border-radius:999px;border:1px solid rgba(128,97,170,.4);background:linear-gradient(140deg,#fac7e4e6,#d4baffcc);color:var(--color-text);font-weight:500;letter-spacing:.04em;transition:border .3s ease,color .3s ease,background .3s ease,transform .2s ease}.nav-button:hover{border-color:#ba91ffb3;color:var(--color-accent);transform:translateY(-2px)}.nav-button.active{background:linear-gradient(135deg,#ba91ff80,#ffadcc99);border:2px solid #311047;color:#311047;box-shadow:0 16px 32px #31104766}.hamburger-wrapper{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:clamp(.7rem,1.5vw,1rem);padding:clamp(.55rem,1.25vw,.75rem) clamp(1rem,3vw,1.8rem);border-radius:20px;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.72),transparent 50%),linear-gradient(128deg,#f8effff2,#e2ccffe6);border:none;box-shadow:0 0 0 1px #ffffff73,inset 0 1px #ffffffa6,0 12px 20px #4b256626;min-width:320px;width:min(95%,780px)}.hamburger-tagline{font-size:clamp(.78rem,1.6vw,.95rem);letter-spacing:.16em;text-transform:uppercase;color:#371446;font-weight:700;line-height:1.15;flex:1;display:block;text-align:left;min-width:0}.hamburger{display:inline-flex;flex-direction:column;gap:6px;width:56px;height:56px;position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(58,22,81,.45);background:linear-gradient(145deg,#7f4ea7,#4d1f68);justify-content:center;align-items:center;cursor:pointer;transition:border .3s ease,background .3s ease,transform .3s ease;box-shadow:0 18px 40px #af84d259;flex-shrink:0;margin-left:auto}.hamburger span{display:block;width:26px;height:3px;border-radius:999px;background:#f2dffb;box-shadow:0 .5px #fff6 inset}.hamburger:hover{border-color:#ffc4ffb3;transform:translateY(-2px)}.hamburger.pulsing{animation:menuPulse 1.8s infinite}@keyframes menuPulse{0%{box-shadow:0 18px 40px #af84d259,0 0 #f7c4e399}70%{box-shadow:0 18px 40px #af84d259,0 0 0 18px #f7c4e300}to{box-shadow:0 18px 40px #af84d259,0 0 #f7c4e300}}.menu-hint{position:absolute;right:0;top:-8px;background:#fef4ff;color:#5b2f73;padding:.9rem 1rem;border-radius:18px;box-shadow:0 15px 40px #5f2e7c59;border:1px solid rgba(255,255,255,.7);width:210px;font-size:.85rem;animation:hintPop .45s ease}.menu-hint:after{content:"";position:absolute;right:-14px;top:40%;width:22px;height:22px;background:inherit;border-bottom-right-radius:6px;transform:rotate(45deg);border-right:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.7)}.menu-hint p{margin:0 0 .6rem;line-height:1.4}.menu-hint button{font-size:.78rem;padding:.35rem .8rem;border-radius:999px;border:none;background:#6d4c9a;color:#fff;cursor:pointer}@keyframes hintPop{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.desktop-nav{display:none}.main-content{flex:1;padding:clamp(1.5rem,3vw,3rem) clamp(1rem,5vw,3.5rem) 4rem;width:min(1200px,100%);margin:0 auto;display:flex;flex-direction:column;gap:3rem}.footer{padding:2rem 1rem 3rem;text-align:center;color:#7f6d9d}.footer-message{margin:0;font-size:clamp(1.4rem,5vw,2.8rem);letter-spacing:.2em;font-weight:600}@media(min-width:768px){.desktop-nav{display:flex}.header-inner{flex-wrap:nowrap}}@media(max-width:767px){.header-inner{justify-content:center}.language-toggle{margin:0 auto}}.photo-gallery{display:flex;flex-direction:column;gap:1.5rem}.section-title{text-align:center;font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:.12em;margin-top:1.5rem;margin-bottom:.5rem}.section-description{text-align:center;color:var(--color-text-muted);margin-top:0;margin-bottom:0}.gallery-controls{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-radius:24px;background:var(--color-card);border:1px solid var(--color-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);margin-top:-.2rem}.gallery-controls .row{display:flex;flex-direction:column;gap:.75rem}.search-input{width:100%;padding:.85rem 1.2rem;border-radius:18px;border:2px solid rgba(71,26,99,.65);background:#fff;color:#2e1649;box-shadow:0 10px 25px #5e398726,inset 0 1px #ffffffb3;transition:border .2s ease,box-shadow .2s ease}.category-button{padding:.5rem 1.2rem;border-radius:999px;border:1px solid rgba(147,104,175,.45);background:linear-gradient(140deg,#ffedf7f2,#edcdfff2);color:#4a1c63;font-size:.85rem;font-weight:600;letter-spacing:.05em;box-shadow:0 10px 20px #602d8026,inset 0 1px #fffc;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.slideshow-button{align-self:flex-start;padding:.7rem 1.5rem;border-radius:16px;background:linear-gradient(120deg,#c796ff59,#ff8fb166);border:none;color:var(--color-text);font-weight:600;letter-spacing:.08em;display:inline-flex;align-items:center;gap:.35rem;box-shadow:0 14px 30px #ff8fb140;cursor:pointer}.photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:.75rem}.photo-card{position:relative;border-radius:24px;overflow:hidden;border:2px solid rgba(74,31,99,.2);background:#fff;box-shadow:0 0 0 1px #ffffff59,inset 0 1px #ffffffd9,0 24px 40px #32104c40;transition:transform .3s ease,border .3s ease,box-shadow .3s ease}.photo-card:hover{transform:translateY(-6px);border-color:#4a1f6366;box-shadow:0 0 0 1px #ffffff73,inset 0 1px #fffffff2,0 28px 46px #32104c52}.photo-wrapper{position:relative;width:100%;padding-top:110%;overflow:hidden;background:transparent}.photo-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;filter:brightness(1.25) contrast(1.05);opacity:1;z-index:1;background:#fff}.photo-card:hover .photo-wrapper img{transform:scale(1.05)}.photo-overlay{position:absolute;inset:auto 0 0;padding:1.25rem;background:linear-gradient(0deg,rgba(5,6,15,.5),transparent 60%);color:var(--color-text);display:flex;flex-direction:column;gap:.35rem;z-index:2}.photo-title{font-size:1rem;font-weight:600}.photo-date{font-size:.85rem;color:var(--color-text-muted)}.photo-category{align-self:flex-start;padding:.2rem .9rem;border-radius:999px;background:#ffffff26;font-size:.75rem;letter-spacing:.2em}.no-results{text-align:center;padding:2.5rem;color:var(--color-text-muted)}.lightbox{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,#fff0f8eb,#7e5ba7bf);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.lightbox-content{position:relative;background:#ffffffe6;border:1px solid rgba(143,107,180,.35);border-radius:32px;padding:2rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-width:860px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;box-shadow:0 30px 60px #512a6e59}.lightbox-close{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;font-size:2rem;color:var(--color-text);cursor:pointer}.lightbox-image{width:100%;max-width:80%;max-height:55vh;object-fit:contain;border-radius:20px;box-shadow:0 25px 45px #49266859}.lightbox-info{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.8rem}.lightbox-tags{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.lightbox-tag{padding:.35rem 1.1rem;border-radius:999px;background:linear-gradient(135deg,#debfffe6,#f2d5ffe6);color:#371149;font-size:.8rem;letter-spacing:.12em;border:1px solid rgba(156,110,176,.4);box-shadow:inset 0 1px #fffc}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(140deg,#e4c6fff2,#cbaae6f2);color:#341146;font-size:1.7rem;cursor:pointer;box-shadow:0 20px 35px #4a1f6340;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.lightbox-nav:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 26px 45px #4a1f6359}.lightbox-nav:focus-visible{outline:3px solid rgba(118,70,160,.6);outline-offset:2px}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-actions{display:flex;justify-content:center;gap:1rem}.download-button,.stop-slideshow-button{padding:.6rem 1.4rem;border-radius:16px;border:1px solid rgba(255,255,255,.3);background:#ffffff0d;color:var(--color-text)}@media(min-width:768px){.gallery-controls .row{flex-direction:row;align-items:center}.search-container{flex:1}}.video-gallery{display:flex;flex-direction:column;gap:1.25rem}.gallery-controls{display:flex;flex-direction:column;gap:1rem;padding:1.1rem;border-radius:24px;background:var(--color-card);border:1px solid var(--color-border);box-shadow:0 18px 40px #5c377c26}.search-container{width:100%}.search-input{width:100%;padding:.85rem 1.2rem;border-radius:18px;border:1px solid rgba(102,64,146,.35);background:#fff;color:#2e1649;box-shadow:0 10px 25px #5e398726,inset 0 1px #ffffffb3;transition:border .2s ease,box-shadow .2s ease}.search-input:focus{border-color:#623691cc;outline:none;box-shadow:0 14px 30px #562d803b,inset 0 1px #ffffffe6}.search-input::placeholder{color:#4e346c99}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.category-button{padding:.5rem 1.2rem;border-radius:999px;border:1px solid rgba(147,104,175,.45);background:linear-gradient(140deg,#ffedf7f2,#edcdfff2);color:#4a1c63;font-size:.85rem;font-weight:600;letter-spacing:.05em;box-shadow:0 10px 20px #602d8026,inset 0 1px #fffc;transition:transform .2s ease,box-shadow .2s ease,color .2s ease;cursor:pointer}.category-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #602d8038,inset 0 1px #ffffffe6}.category-button.active{transform:translateY(1px);box-shadow:inset 0 6px 12px #4a1f6359,0 6px 12px #44195c26;background:linear-gradient(145deg,#dfbafff2,#bc96e1f2);color:#2c0f42}.category-button:focus-visible{outline:2px solid rgba(118,70,160,.8);outline-offset:2px}.section-title{text-align:center;font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:.12em;margin-bottom:.25rem}.section-description{text-align:center;color:var(--color-text-muted);margin-bottom:.35rem}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(143px,1fr));gap:1.25rem}.video-card{border-radius:28px;border:2px solid rgba(74,31,99,.22);background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.35),transparent 45%),linear-gradient(165deg,#ffebfff2,#d2beffeb);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px #ffffff59,inset 0 1px #ffffffd9,0 28px 45px #34124d40;transition:transform .25s ease,border .25s ease,box-shadow .25s ease}.video-card:hover{transform:translateY(-4px);border-color:#4a1f6366;box-shadow:0 0 0 1px #ffffff73,inset 0 1px #fffffff2,0 32px 52px #34124d52}.video-wrapper{position:relative;width:100%;padding-top:50%;background:linear-gradient(145deg,#4e1c65,#12061c);overflow:hidden}.video-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ffffff14,#6d499640);pointer-events:none}.video-thumbnail,.video-player{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.08);filter:brightness(1.12) saturate(1.05)}.video-player{filter:none}.youtube-player{position:absolute;inset:0;width:100%;height:100%;border:none;border-bottom:1px solid rgba(255,255,255,.08);filter:none}.play-button{position:absolute;inset:0;margin:auto;width:90px;height:90px;border-radius:50%;border:1px solid rgba(151,108,178,.4);background:linear-gradient(135deg,#fff2ffe6,#dfbdf9f2);display:grid;place-items:center;cursor:pointer;box-shadow:0 20px 36px #46206159;transition:transform .2s ease,box-shadow .2s ease}.play-button:hover{transform:scale(1.05);box-shadow:0 26px 44px #46206173}.video-info{padding:1.4rem;display:flex;flex-direction:column;gap:.65rem;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-title{font-size:1.2rem;font-family:var(--font-heading);letter-spacing:.08em}.video-meta{display:flex;gap:.75rem;flex-wrap:wrap}.video-date,.video-category{padding:.3rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:.8rem}.video-category{border-color:#ff8fb180;color:var(--color-accent-strong)}.video-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.4rem}.action-button{padding:.6rem 1.35rem;border-radius:999px;border:1px solid rgba(86,43,121,.4);background:linear-gradient(135deg,#efcffff2,#c6a7e5f2);color:#2f0f45;font-size:.9rem;font-weight:600;letter-spacing:.08em;box-shadow:0 15px 26px #3c155940,inset 0 1px #ffffffe6;transition:transform .2s ease,box-shadow .2s ease}.action-button:hover{transform:translateY(-1px);box-shadow:0 20px 32px #3c155952,inset 0 1px #fff}.video-lightbox{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,#fff0f8eb,#7e5ba7bf);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.video-lightbox-content{position:relative;background:#ffffffe6;border:1px solid rgba(143,107,180,.35);border-radius:32px;padding:2rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-width:90vw;max-height:90vh;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;box-shadow:0 30px 60px #512a6e59;overflow:auto}.video-lightbox-close{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;font-size:2rem;color:var(--color-text);cursor:pointer;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.video-lightbox-close:hover{background:#ffffff4d}.video-lightbox-player-wrapper{width:100%;max-width:80vw;position:relative;padding-top:56.25%;margin:0 auto}.video-lightbox-player,.video-lightbox-youtube{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;box-shadow:0 25px 45px #49266859}.video-lightbox-player{object-fit:contain}.video-lightbox-youtube{border:none}.video-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(140deg,#e4c6fff2,#cbaae6f2);color:#341146;font-size:1.7rem;cursor:pointer;box-shadow:0 20px 35px #4a1f6340;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.video-lightbox-nav:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 26px 45px #4a1f6359}.video-lightbox-nav:focus-visible{outline:3px solid rgba(118,70,160,.6);outline-offset:2px}.video-lightbox-prev{left:1rem}.video-lightbox-next{right:1rem}.video-lightbox-info{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.8rem;width:100%}.video-lightbox-info h3{font-size:1.5rem;font-family:var(--font-heading);letter-spacing:.08em;margin:0}.video-lightbox-description{font-size:.95rem;color:var(--color-text-muted);max-width:600px;line-height:1.5;margin:0}.video-lightbox-tags{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.video-lightbox-tag{padding:.35rem 1.1rem;border-radius:999px;background:linear-gradient(135deg,#debfffe6,#f2d5ffe6);color:#371149;font-size:.8rem;letter-spacing:.12em;border:1px solid rgba(156,110,176,.4);box-shadow:inset 0 1px #fffc}.video-lightbox-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.video-lightbox-action-button{padding:.6rem 1.4rem;border-radius:16px;border:1px solid rgba(86,43,121,.4);background:linear-gradient(135deg,#efcffff2,#c6a7e5f2);color:#2f0f45;font-size:.9rem;font-weight:600;letter-spacing:.08em;box-shadow:0 15px 26px #3c155940,inset 0 1px #ffffffe6;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.video-lightbox-action-button:hover{transform:translateY(-1px);box-shadow:0 20px 32px #3c155952,inset 0 1px #fff}@media(max-width:768px){.video-lightbox-content{padding:1.5rem;max-width:95vw;max-height:95vh}.video-lightbox-player-wrapper{max-width:90vw}.video-lightbox-nav{width:48px;height:48px;font-size:1.4rem}.video-lightbox-prev{left:.5rem}.video-lightbox-next{right:.5rem}.video-lightbox-info h3{font-size:1.2rem}}.hero{display:grid;grid-template-columns:1fr;gap:1.4rem;padding:1.6rem;border-radius:24px;background:#f7c4e3;border:1px solid rgba(128,97,170,.25);box-shadow:0 26px 55px #7e5da74d;position:relative;isolation:isolate}.hero-media-layer{padding:1rem;border-radius:22px;background:#f7e8f6 url(/images/butterflies.png);background-size:260px;background-repeat:repeat;background-blend-mode:soft-light;border:1px solid rgba(128,97,170,.3);box-shadow:inset 0 0 0 1px #ffffff40}.hero-image{position:relative;width:min(100%,230px);min-height:170px;margin:0 auto;border-radius:18px 70px 45px 18px;overflow:hidden;box-shadow:0 20px 45px #9278d659}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.image-pill{position:absolute;bottom:1rem;right:1rem;padding:.4rem 1rem;border-radius:999px;background:#ffffffe6;color:#6b4c94;font-size:.8rem;letter-spacing:.25em;text-transform:uppercase}.hero-content{text-align:left;display:flex;flex-direction:column;gap:.6rem;padding:1.15rem;border-radius:22px;background:linear-gradient(140deg,#fbe9f6f5,#e9c8ffeb);border:1px solid rgba(128,97,170,.25);box-shadow:0 18px 40px #8061aa33}.hero-kicker{text-transform:uppercase;letter-spacing:.35em;color:var(--color-accent);font-size:.85rem;font-weight:800;margin:0 0 .2rem}.hero-title{font-family:var(--font-heading);font-size:clamp(2rem,4.5vw,3.4rem);letter-spacing:.06em;margin:-.05rem 0 0}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.4rem);color:var(--color-text-muted);margin:0}.hero-description{font-size:.95rem;color:var(--color-text-muted);line-height:1.7;margin:0 0 1.25rem}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat{padding:1.6rem 1.4rem;border-radius:20px;border:1px solid rgba(186,145,255,.35);background:#ffffffd9;box-shadow:inset 0 0 0 1px #ffffff59;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;width:100%;border-width:1.5px;border-color:#6d4c9a66}.stat-number{font-size:clamp(2.3rem,5vw,2.8rem);font-weight:700;color:var(--color-accent)}.stat-label{margin-top:.1rem;font-size:1.05rem;text-transform:uppercase;letter-spacing:.28em;color:#341149;font-weight:700}.wall-stat{gap:.35rem}.wall-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.35em;color:#7d4eaa;font-weight:600;opacity:.9}.stat:hover{transform:translateY(-2px);box-shadow:0 18px 32px #4a1f634d}.stat:focus-visible{outline:3px solid rgba(98,43,132,.4);outline-offset:3px}@media(min-width:900px){.hero{grid-template-columns:320px auto;align-items:center;padding:2.2rem 2.8rem}.hero-image{width:320px;min-height:230px}}.timeline-controls{margin-bottom:1.75rem;display:flex;flex-direction:column;gap:.9rem;padding:1.25rem;border-radius:24px;border:1px solid var(--color-border);background:var(--color-card)}.timeline-container{display:flex;flex-direction:column;gap:2.5rem}.timeline-year-marker{display:flex;align-items:center;gap:1rem}.year-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.year-badge{padding:.5rem 1.5rem;border-radius:999px;border:1px solid rgba(255,255,255,.3)}.timeline-items{display:flex;flex-direction:column;gap:1rem}.timeline-item{display:flex;gap:1.2rem;padding:1.25rem;border-radius:26px;border:1px solid rgba(128,97,170,.35);background:linear-gradient(150deg,#ffeefde6,#d6c0ffeb);box-shadow:0 20px 38px #522a6e33}.timeline-thumb{width:150px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#5e338533,#220a3073);flex-shrink:0;position:relative}.timeline-thumb img{width:100%;height:100%;object-fit:cover;display:block}.timeline-thumb-placeholder{display:grid;place-items:center;font-size:2rem;color:#fffc;height:100%;width:100%}.timeline-item-content{display:flex;flex-direction:column;gap:.65rem}.timeline-item-header{display:flex;gap:.85rem;align-items:center}.timeline-item-icon{width:46px;height:46px;border-radius:16px;border:1px solid rgba(128,97,170,.35);background:linear-gradient(145deg,#e5cbfff2,#cca7edf2);display:grid;place-items:center;color:#472259;box-shadow:inset 0 1px #ffffffe6,0 8px 16px #3710522e;flex-shrink:0}.timeline-item-meta{display:flex;flex-direction:column;gap:.15rem}.timeline-item-title{letter-spacing:.08em;margin:0}.timeline-item-date,.timeline-item-description{color:var(--color-text-muted)}.timeline-item-category{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .8rem;border-radius:999px;border:1px solid rgba(109,76,154,.35);font-size:.75rem;letter-spacing:.2em;background:#ffffff80;color:#3a1850}@media(max-width:640px){.timeline-item{flex-direction:column}.timeline-thumb{width:100%;height:180px}}.no-results{text-align:center;padding:2rem;color:var(--color-text-muted)}.wall{background:#f5c6e6;border-radius:32px;padding:2.2rem;border:1px solid rgba(128,97,170,.25);box-shadow:0 26px 55px #7e5da74d;display:flex;flex-direction:column;gap:2rem}.section-heading .kicker{text-transform:uppercase;letter-spacing:.3em;font-size:.8rem;color:var(--color-accent);margin:0 0 .4rem}.section-heading .section-title{margin:0;font-size:clamp(1.6rem,3.2vw,2.4rem);color:var(--color-text)}.section-heading .section-description{color:var(--color-text-muted);margin:.6rem 0 0;max-width:720px;line-height:1.6}.wall-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.wall-form,.wall-feed{background:#ffffffd9;border-radius:24px;padding:1.8rem;border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px #ffffff4d;display:flex;flex-direction:column;gap:1rem}.form-label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;color:#4a1f63}.form-label input,.form-label textarea{border-radius:18px;border:1px solid rgba(128,97,170,.3);padding:.9rem 1rem;font-size:1rem;font-family:inherit;background:#ffffffe6;color:var(--color-text)}.form-label textarea{resize:vertical}.char-count{align-self:flex-end;font-size:.75rem;color:var(--color-text-muted)}.form-actions{display:flex;flex-wrap:wrap;gap:.8rem}.form-actions button:first-of-type{background:linear-gradient(135deg,#7d3bb0,#c158b7);color:#fff;box-shadow:0 14px 30px #7d3bb059}.form-actions button.secondary{background:#7d3bb014;color:#4a1f63;border:1px solid rgba(125,59,176,.25)}.form-actions button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.form-actions button:hover:not(:disabled){transform:translateY(-2px)}.form-status{margin:0;font-size:.9rem;font-weight:600}.form-status.success{color:#2c8f68}.form-status.error{color:#b22472}.backup-note{font-size:.85rem;color:#4f2a65;margin:.3rem 0 0}.wall-feed .feed-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.wall-feed .feed-header h3{margin:0;font-size:1.2rem;color:#412258}.wall-feed .feed-header span{font-size:.85rem;color:var(--color-text-muted)}.wall-messages{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;max-height:420px;overflow-y:auto}.wall-message{background:#ffffffe6;border:1px solid rgba(128,97,170,.2);border-radius:20px;padding:1rem 1.2rem;box-shadow:0 12px 24px #744d9c33}.message-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#6c4a93;margin-bottom:.4rem}.message-author{font-weight:700}.message-date{font-weight:500}.wall-message p{margin:0;line-height:1.6;color:#412258}.loading,.empty{margin:0;color:var(--color-text-muted)}@media(max-width:600px){.wall{padding:1.5rem}.form-actions{flex-direction:column}.wall-messages{max-height:none}}.book{background:#f5c6e6;border-radius:32px;padding:2.2rem;border:1px solid rgba(128,97,170,.25);box-shadow:0 26px 55px #7e5da74d;display:flex;flex-direction:column;gap:2rem}.book-story{background:#ffffffeb;border-radius:24px;padding:2rem;border:1px solid rgba(255,255,255,.55);box-shadow:0 24px 40px #7e5da740;color:#3a1d52;line-height:1.75;display:flex;flex-direction:column;gap:1rem}.book-story p{margin:0}.book-story .signature{font-style:italic;font-weight:600;color:#5d2f82}.book-link{align-self:flex-start;border-radius:999px;padding:.85rem 1.8rem;background:linear-gradient(135deg,#7c3faf,#c45db5);color:#fff;text-decoration:none;font-weight:600;box-shadow:0 16px 30px #7c3faf59;transition:transform .25s ease,box-shadow .25s ease}.book-link:hover{transform:translateY(-2px);box-shadow:0 18px 34px #7c3faf73}@media(max-width:600px){.book{padding:1.5rem}}.admin-panel{display:flex;flex-direction:column;gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.admin-login{background:#ffffffd9;border-radius:24px;padding:2rem;border:1px solid rgba(128,97,170,.25);box-shadow:0 26px 55px #7e5da74d;max-width:400px;margin:2rem auto}.admin-login h2{text-align:center;color:var(--color-text);margin-bottom:1.5rem}.admin-header{display:flex;justify-content:space-between;align-items:center;background:#ffffffd9;border-radius:24px;padding:1.5rem 2rem;border:1px solid rgba(128,97,170,.25);box-shadow:0 26px 55px #7e5da74d}.admin-header h2{margin:0;color:var(--color-text)}.logout-button{background:linear-gradient(135deg,#c158b7,#7d3bb0);color:#fff;border:none;border-radius:999px;padding:.6rem 1.2rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.logout-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7d3bb066}.admin-actions{display:flex;gap:1rem;flex-wrap:wrap}.action-button{background:linear-gradient(135deg,#7d3bb0,#c158b7);color:#fff;border:none;border-radius:999px;padding:.8rem 1.6rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 14px 30px #7d3bb059}.action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 35px #7d3bb073}.action-button:disabled{opacity:.6;cursor:not-allowed}.admin-form{background:#ffffffd9;border-radius:24px;padding:2rem;border:1px solid rgba(128,97,170,.25);box-shadow:0 26px 55px #7e5da74d}.admin-form h3{margin-top:0;color:var(--color-text);margin-bottom:1.5rem}.form-label{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;font-weight:600;color:#4a1f63}.form-label label{font-size:.9rem}.form-label input,.form-label textarea,.form-label select{border-radius:18px;border:1px solid rgba(128,97,170,.3);padding:.9rem 1rem;font-size:1rem;font-family:inherit;background:#ffffffe6;color:var(--color-text)}.form-label textarea{resize:vertical;min-height:80px}.form-label select{cursor:pointer}.form-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.form-actions button{border-radius:999px;border:none;padding:.8rem 1.6rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.form-actions button[type=submit]{background:linear-gradient(135deg,#7d3bb0,#c158b7);color:#fff;box-shadow:0 14px 30px #7d3bb059}.form-actions button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 35px #7d3bb073}.form-actions button[type=button]{background:#8061aa33;color:var(--color-text)}.form-actions button[type=button]:hover{background:#8061aa4d}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#dc35451a;color:#dc3545;padding:1rem;border-radius:12px;border:1px solid rgba(220,53,69,.3);margin-bottom:1rem}.admin-videos-list{background:#ffffffd9;border-radius:24px;padding:2rem;border:1px solid rgba(128,97,170,.25);box-shadow:0 26px 55px #7e5da74d}.admin-videos-list h3{margin-top:0;color:var(--color-text);margin-bottom:1.5rem}.loading,.empty-state{text-align:center;padding:2rem;color:var(--color-text-muted)}.videos-table{overflow-x:auto}.videos-table table{width:100%;border-collapse:collapse}.videos-table th,.videos-table td{padding:.8rem;text-align:left;border-bottom:1px solid rgba(128,97,170,.2)}.videos-table th{background:#8061aa1a;font-weight:600;color:var(--color-text);position:sticky;top:0}.videos-table tr:hover{background:#8061aa0d}.videos-table td{color:var(--color-text)}.edit-button,.delete-button{border:none;border-radius:8px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;cursor:pointer;margin-right:.5rem;transition:transform .2s ease,box-shadow .2s ease}.edit-button{background:linear-gradient(135deg,#7d3bb0,#c158b7);color:#fff}.edit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7d3bb04d}.delete-button{background:#dc3545e6;color:#fff}.delete-button:hover{background:#dc3545;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.edit-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.admin-panel{padding:1rem}.admin-header{flex-direction:column;gap:1rem;align-items:stretch}.videos-table{font-size:.85rem}.videos-table th,.videos-table td{padding:.5rem}}.drawer{position:fixed;inset:0;pointer-events:none;z-index:200}.drawer.open{pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;background:#37345059;opacity:0;transition:opacity .3s ease}.drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;top:0;right:0;width:min(260px,75vw);height:100%;background:linear-gradient(165deg,#ffbde0e6,#d2bcffeb);border-left:1px solid rgba(128,97,170,.35);box-shadow:-22px 0 60px #8061aa59;transform:translate(100%);transition:transform .35s ease;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;padding:2.5rem 1.75rem;overflow:hidden}.drawer-panel:after{content:"";position:absolute;bottom:60px;left:50%;width:150px;height:150px;transform:translate(-50%);background-image:radial-gradient(circle at 40% 40%,rgba(255,255,255,.9),rgba(221,201,255,.55) 55%,transparent 75%),radial-gradient(circle at 22% 25%,rgba(255,255,255,.5),transparent 60%),radial-gradient(circle at 68% 32%,rgba(255,255,255,.45),transparent 62%),radial-gradient(circle at 52% 72%,rgba(255,255,255,.38),transparent 60%),radial-gradient(circle at 30% 67%,rgba(255,255,255,.33),transparent 55%),radial-gradient(circle at 72% 65%,rgba(255,255,255,.3),transparent 55%),radial-gradient(circle at 50% 52%,rgba(255,255,255,.22),transparent 45%),radial-gradient(circle at 15% 45%,rgba(255,255,255,.32),transparent 55%),radial-gradient(circle at 85% 45%,rgba(255,255,255,.28),transparent 55%),radial-gradient(circle at 55% 15%,rgba(255,255,255,.25),transparent 50%),repeating-radial-gradient(circle at 45% 50%,rgba(255,255,255,.08),transparent 20%);border-radius:50%;box-shadow:inset 0 0 25px #fff9,inset 0 0 60px #b395e059,0 0 25px #997ace73;opacity:.9;pointer-events:none;background-repeat:no-repeat}.drawer-panel:before{content:"";position:absolute;bottom:340px;left:50%;width:240px;height:240px;transform:translate(-50%);border-radius:50%;background:linear-gradient(120deg,#fff6,#fff0 40%,#ffffff59);mix-blend-mode:screen;opacity:.4;pointer-events:none;animation:moonShimmer 10s linear infinite}@keyframes moonShimmer{0%{transform:translate(-50%) rotate(0)}50%{transform:translate(-45%) rotate(8deg)}to{transform:translate(-50%) rotate(0)}}.drawer.open .drawer-panel{transform:translate(0)}.drawer-close{position:absolute;top:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;border:1px solid rgba(96,55,148,.45);background:linear-gradient(135deg,#dfbdfff2,#c4a2e8f2);display:grid;place-items:center;cursor:pointer;color:#340f45;box-shadow:0 20px 38px #3d18584d;transition:transform .2s ease,box-shadow .2s ease}.drawer-close:hover{transform:scale(1.05);box-shadow:0 26px 46px #3d185866}.drawer-close svg{pointer-events:none}.drawer-nav{list-style:none;margin:0;padding:4rem 0 0;display:flex;flex-direction:column;gap:.75rem;align-items:stretch;width:100%}.drawer-link{width:100%;min-height:45px;padding:.5rem .85rem;border-radius:18px;border:1px solid rgba(255,255,255,.45);background:linear-gradient(145deg,#fff0ffeb,#e3c3fff2);color:var(--color-text);font-size:.97rem;font-weight:600;text-align:center;letter-spacing:.03em;box-shadow:0 18px 28px #491c6740,inset 0 1px #fffc;transition:border .3s ease,transform .2s ease,background .3s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.drawer-link:hover{border-color:#fffc;transform:translateY(-2px);box-shadow:0 24px 36px #491c6752,inset 0 1px #ffffffe6}.drawer-link.active{border-color:#60328ecc;background:linear-gradient(145deg,#d6affff2,#b58ce2f2);box-shadow:inset 0 8px 16px #350f4c59,0 8px 16px #32124833;transform:translateY(1px)}