.home-immersive-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f8f8f8 url(/background-texture.png) center center;background-size:cover;background-attachment:fixed;overflow:hidden;cursor:pointer;padding-bottom:env(safe-area-inset-bottom)}.immersive-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:transparent;opacity:0;transition:opacity .8s ease-in}.immersive-video.video-loaded{opacity:1}.immersive-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;z-index:10;animation:fadeOut .5s ease-out forwards;animation-delay:.3s}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.loading-circle{width:60px;height:60px;border:4px solid rgba(147,197,253,.3);border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.floating-hearts{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.heart-float{position:absolute;font-size:24px;opacity:0;animation:floatHeart 20s ease-in-out infinite}.heart-float svg{width:32px;height:32px;fill:#2563eb;filter:drop-shadow(0 3px 6px rgba(37,99,235,.4))}.heart-float:nth-child(1){left:8%;animation-delay:0s;animation-duration:20s;--stop-position: 25%}.heart-float:nth-child(2){left:85%;animation-delay:10s;animation-duration:20s;--stop-position: 65%}.heart-float:nth-child(3){left:15%;animation-delay:5s;animation-duration:20s;--stop-position: 40%}.heart-float:nth-child(4){left:92%;animation-delay:15s;animation-duration:20s;--stop-position: 55%}@keyframes floatHeart{0%{bottom:-10%;opacity:0;transform:translate(0) rotate(0) scale(.7)}10%{opacity:.7;bottom:var(--stop-position, 45%);transform:translate(0) rotate(0) scale(1)}50%{bottom:var(--stop-position, 45%);opacity:.7;transform:translate(0) rotate(0) scale(1)}60%{opacity:.5;bottom:var(--stop-position, 45%);transform:translate(0) rotate(0) scale(.95)}70%{opacity:0;bottom:var(--stop-position, 45%);transform:translate(0) rotate(0) scale(.8)}to{opacity:0;bottom:var(--stop-position, 45%);transform:translate(0) rotate(0) scale(.8)}}.video-control-left,.video-control-right{position:absolute;top:0;width:50%;height:100%;z-index:2;cursor:pointer}.video-control-left{left:0}.video-control-right{right:0}@media (max-width: 768px){.immersive-video{height:calc(100% - 100px)}@supports (padding: max(0px)){.home-immersive-page{padding-bottom:max(100px,env(safe-area-inset-bottom))}.immersive-video{height:calc(100% - max(100px,env(safe-area-inset-bottom)))}}}@media (max-width: 768px) and (orientation: landscape){.immersive-video{height:calc(100% - 80px)}}.game-page-minimal,.game-page-vibrant{min-height:100vh;padding:30px 16px;background:linear-gradient(135deg,#eff6ff,#f8fafc);position:relative;overflow:hidden}.game-page-minimal:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 70%);animation:ambientMove 20s ease-in-out infinite;pointer-events:none}@keyframes ambientMove{0%,to{transform:translate(0)}50%{transform:translate(-20%,20%)}}.game-intro-vibrant{max-width:420px;margin:0 auto;text-align:center;padding:0 12px}.vibrant-title{font-size:2rem;font-weight:300;background:linear-gradient(135deg,#ff6b35,#e91e63,#ab47bc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;letter-spacing:-.5px;animation:fadeInUp .6s ease-out}.vibrant-subtitle{font-size:.95rem;color:#64748b;margin-bottom:2rem;font-weight:400;animation:fadeInUp .7s ease-out}.game-info-vibrant{display:flex;flex-direction:column;gap:14px;margin:2rem 0 2.5rem}.minimal-title{font-size:2.5rem;font-weight:300;background:linear-gradient(135deg,#1e3a8a,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.5px;animation:fadeInUp .6s ease-out,shimmer 3s ease-in-out infinite;background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.minimal-subtitle{font-size:1.1rem;color:#64748b;margin-bottom:3rem;font-weight:400;animation:fadeInUp .7s ease-out}.game-info-minimal{display:flex;flex-direction:column;gap:20px;margin:3rem 0}.info-card-vibrant{padding:20px 16px;border-radius:16px;transition:all .3s ease;animation:fadeInUp .8s ease-out;box-shadow:0 4px 16px #0000001f}.card-orange{background:linear-gradient(135deg,#ff6b35,#f7931e)}.card-purple{background:linear-gradient(135deg,#ab47bc,#ce93d8)}.card-cyan{background:linear-gradient(135deg,#00acc1,#26c6da)}.info-card-vibrant:active{transform:scale(.95);box-shadow:0 4px 12px #0003}.info-icon-vibrant{width:36px;height:36px;margin:0 auto 12px;stroke:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.info-card-vibrant h3{color:#fff;font-size:1.05rem;font-weight:600;margin:8px 0 6px;letter-spacing:-.2px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.info-card-vibrant p{color:#ffffffe6;font-size:.85rem;margin:0;font-weight:400}.btn-vibrant{width:100%;max-width:240px;padding:14px 28px;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#e91e63,#f50057);color:#fff;border:none;border-radius:12px;cursor:pointer;margin:1.5rem auto;display:block;transition:all .3s ease;letter-spacing:.2px;box-shadow:0 6px 20px #e91e6359}.btn-vibrant:active{transform:scale(.96);box-shadow:0 3px 10px #e91e634d}.game-header-minimal,.game-header-vibrant{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:14px 18px;background:linear-gradient(135deg,#eff6ffe6,#fffc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(147,197,253,.3);box-shadow:0 2px 12px #1e40af14}.score-minimal{font-size:1.1rem;font-weight:500;color:#1e40af;letter-spacing:.3px}.hearts-minimal{display:flex;gap:8px}.heart-icon{width:24px;height:24px;fill:#ef4444;animation:heartPulse 1.5s ease-in-out infinite}.game-trivia-vibrant,.game-puzzle-vibrant,.game-memory-vibrant,.game-complete-vibrant{max-width:480px;margin:0 auto;padding:0 12px}.game-header-vibrant,.question-container-vibrant,.word-display-vibrant,.letters-container-vibrant,.memory-grid-vibrant{position:relative;z-index:1}.score-vibrant{font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.3px}.hearts-vibrant{display:flex;gap:8px}.heart-icon-vibrant{width:24px;height:24px;animation:heartPulse 1.5s ease-in-out infinite}.question-number-vibrant{color:#94a3b8;font-size:.9rem;margin-bottom:20px;font-weight:500;letter-spacing:1px}.question-text-vibrant{background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.35rem;font-weight:500;margin-bottom:2rem;line-height:1.4;letter-spacing:-.3px}.options-container-vibrant{display:flex;flex-direction:column;gap:10px}.option-btn-vibrant{padding:16px 20px;font-size:.95rem;background:#fff;color:#1e40af;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;font-weight:500}.option-btn-vibrant:active{transform:scale(.98);background:#f8fafc}.option-btn-vibrant.correct{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-color:#10b981}.option-btn-vibrant.incorrect{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;border-color:#ef4444}.result-message-vibrant{margin-top:2rem;padding:16px 20px;border-radius:12px;text-align:center;font-size:1rem;animation:fadeInUp .4s ease-out}.result-message-vibrant.correct{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.result-message-vibrant.incorrect{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.puzzle-hint-vibrant{color:#64748b;font-size:1.05rem;margin-bottom:3rem;font-weight:400}.word-display-vibrant,.letters-container-vibrant{display:flex;justify-content:center;gap:12px;margin-bottom:3rem;flex-wrap:wrap}.letter-box-vibrant,.letter-btn-vibrant{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.letter-box-vibrant.filled{background:linear-gradient(135deg,#ab47bc,#ce93d8);color:#fff;border:none;animation:scaleIn .3s ease-out}.letter-box-vibrant.empty{background:#f8fafc;color:#cbd5e1;border:2px solid #e2e8f0}.letter-btn-vibrant{background:#fff;color:#ab47bc;border:2px solid #CE93D8}.letter-btn-vibrant:active{transform:scale(.9)}.memory-grid-vibrant{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:400px;margin:0 auto}.memory-card-vibrant{aspect-ratio:1;position:relative;cursor:pointer;perspective:1000px}.card-front-vibrant,.card-back-vibrant{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:16px;backface-visibility:hidden;transition:transform .6s ease;box-shadow:0 4px 12px #0000001a}.card-front-vibrant{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.card-front-vibrant svg{width:32px;height:32px;stroke:#fff}.card-back-vibrant{transform:rotateY(180deg)}.card-back-vibrant svg{width:36px;height:36px}.card-back-vibrant.card-image{padding:0;overflow:hidden;background:#fff!important}.card-back-vibrant.card-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.memory-card-vibrant.flipped .card-front-vibrant{transform:rotateY(180deg)}.memory-card-vibrant.flipped .card-back-vibrant{transform:rotateY(0)}.check-icon-vibrant{width:80px;height:80px;margin-bottom:2rem;animation:checkmark .6s ease-out}.final-score-vibrant{margin:3rem 0;padding:40px;background:linear-gradient(135deg,#f8fafc,#eff6ff);border-radius:24px;border:2px solid #e2e8f0}.score-number-vibrant{display:block;font-size:4rem;font-weight:300;background:linear-gradient(135deg,#ff6b35,#e91e63);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px}.score-label-vibrant{display:block;font-size:1.1rem;color:#64748b;margin-top:8px;font-weight:400}.question-container-minimal,.question-container-vibrant{padding:28px 24px;background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 2px 12px #0000000a}.question-number-minimal{color:#94a3b8;font-size:.9rem;margin-bottom:20px;font-weight:500;letter-spacing:1px}.question-text-minimal{color:#1e40af;font-size:1.6rem;font-weight:400;margin-bottom:2.5rem;line-height:1.4;letter-spacing:-.3px}.options-container-minimal{display:flex;flex-direction:column;gap:12px}.option-btn-minimal{padding:20px 24px;font-size:1.05rem;background:#f8fafc;color:#1e40af;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;font-weight:400}.option-btn-minimal:active{transform:scale(.98);background:#f1f5f9}.option-btn-minimal.correct{background:#10b981;color:#fff;border-color:#10b981}.option-btn-minimal.incorrect{background:#ef4444;color:#fff;border-color:#ef4444}.option-btn-minimal:disabled{cursor:not-allowed}.result-message-minimal{margin-top:2rem;padding:16px 20px;border-radius:12px;text-align:center;font-size:1rem;animation:fadeInUp .4s ease-out}.result-message-minimal.correct{background:#d1fae5;color:#065f46}.result-message-minimal.incorrect{background:#fee2e2;color:#991b1b}.game-puzzle-minimal{max-width:600px;margin:0 auto;text-align:center}.puzzle-hint-minimal{color:#64748b;font-size:1.05rem;margin-bottom:3rem;font-weight:400}.word-display-minimal{display:flex;justify-content:center;gap:12px;margin-bottom:3rem;flex-wrap:wrap}.letter-box-minimal{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:400;border-radius:12px;border:1px solid #e2e8f0}.letter-box-minimal.filled{background:#1e40af;color:#fff;border-color:#1e40af;animation:scaleIn .3s ease-out}.letter-box-minimal.empty{background:#f8fafc;color:#cbd5e1}.letters-container-minimal{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.letter-btn-minimal{width:50px;height:50px;font-size:1.3rem;font-weight:400;background:#f8fafc;color:#1e40af;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease}.letter-btn-minimal:active{transform:scale(.9);background:#e2e8f0}.game-memory-minimal{max-width:600px;margin:0 auto}.memory-grid-minimal{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:400px;margin:0 auto}.memory-card-minimal{aspect-ratio:1;position:relative;cursor:pointer;perspective:1000px}.memory-card-minimal .card-front-minimal,.memory-card-minimal .card-back-minimal{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:12px;backface-visibility:hidden;transition:transform .6s ease;border:1px solid #e2e8f0}.memory-card-minimal .card-front-minimal{background:#f8fafc}.memory-card-minimal .card-front-minimal svg{width:32px;height:32px;stroke:#cbd5e1}.memory-card-minimal .card-back-minimal{background:#fff;transform:rotateY(180deg)}.memory-card-minimal .card-back-minimal svg{width:36px;height:36px;fill:#1e40af}.memory-card-minimal.flipped .card-front-minimal{transform:rotateY(180deg)}.memory-card-minimal.flipped .card-back-minimal{transform:rotateY(0)}.game-complete-minimal{text-align:center;max-width:500px;margin:0 auto;padding:60px 20px}.check-icon{width:80px;height:80px;stroke:#10b981;margin-bottom:2rem;animation:checkmark .6s ease-out}.final-score-minimal{margin:3rem 0;padding:40px;background:#f8fafc;border-radius:20px;border:1px solid #e2e8f0}.score-number-minimal{display:block;font-size:4rem;font-weight:300;color:#1e40af;letter-spacing:-2px}.score-label-minimal{display:block;font-size:1.1rem;color:#64748b;margin-top:8px;font-weight:400}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes checkmark{0%{opacity:0;transform:scale(.5) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media (max-width: 480px){.minimal-title{font-size:2rem}.minimal-subtitle{font-size:1rem}.question-text-minimal{font-size:1.3rem}.memory-grid-minimal{gap:12px;max-width:320px}.score-number-minimal{font-size:3rem}.game-intro-vibrant{max-width:100%;padding:0 8px}.vibrant-title{font-size:1.75rem}.vibrant-subtitle{font-size:.88rem;margin-bottom:1.5rem}.game-info-vibrant{gap:12px;margin:1.5rem 0 2rem}.info-card-vibrant{padding:18px 14px;border-radius:14px}.info-icon-vibrant{width:32px;height:32px;margin-bottom:10px}.info-card-vibrant h3{font-size:.98rem;margin:6px 0 5px}.info-card-vibrant p{font-size:.78rem}.btn-vibrant{max-width:220px;padding:13px 24px;font-size:.95rem;margin:1.25rem auto}.game-header-vibrant{padding:12px 16px;margin-bottom:1.5rem;border-radius:14px}.score-vibrant{font-size:.95rem}.heart-icon-vibrant{width:20px;height:20px}.question-container-vibrant{padding:24px 18px;border-radius:16px}.question-number-vibrant{font-size:.85rem;margin-bottom:14px}.question-text-vibrant{font-size:1.15rem;margin-bottom:1.5rem}.options-container-vibrant{gap:8px}.option-btn-vibrant{padding:14px 16px;font-size:.88rem;border-radius:10px}.result-message-vibrant{margin-top:1.5rem;padding:12px 16px;font-size:.88rem}.memory-grid-vibrant{gap:10px;max-width:340px}.letter-box-vibrant,.letter-btn-vibrant{width:42px;height:42px;font-size:1.25rem}.word-display-vibrant,.letters-container-vibrant{padding:20px 16px}.final-score-vibrant{padding:32px 24px}.score-number-vibrant{font-size:3.2rem}.game-trivia-vibrant,.game-puzzle-vibrant,.game-memory-vibrant,.game-complete-vibrant{padding:0 8px}}@media (max-width: 375px){.game-intro-vibrant{padding:0 6px}.vibrant-title{font-size:1.6rem}.vibrant-subtitle{font-size:.85rem}.game-info-vibrant{gap:10px}.info-card-vibrant{padding:16px 12px}.info-icon-vibrant{width:28px;height:28px;margin-bottom:8px}.info-card-vibrant h3{font-size:.92rem;margin:5px 0 4px}.info-card-vibrant p{font-size:.73rem}.btn-vibrant{max-width:200px;padding:12px 22px;font-size:.9rem}.question-text-vibrant{font-size:1.05rem}.option-btn-vibrant{padding:13px 14px;font-size:.85rem}.game-trivia-vibrant,.game-puzzle-vibrant,.game-memory-vibrant,.game-complete-vibrant{padding:0 6px}}.timeline-page-minimal{max-width:800px;margin:0 auto;padding:40px 20px 100px}.page-title-minimal{font-size:2.5rem;font-weight:300;color:#1e40af;text-align:center;margin-bottom:1rem;letter-spacing:-.5px;animation:fadeInUp .6s ease-out}.page-subtitle-minimal{font-size:1.1rem;color:#64748b;text-align:center;margin-bottom:4rem;font-weight:400;animation:fadeInUp .7s ease-out}.timeline-container-minimal{position:relative;padding:40px 0}.timeline-line-minimal{position:absolute;left:30px;top:0;bottom:0;width:1px;background:#e2e8f0;z-index:0}.timeline-item-minimal{position:relative;margin-bottom:50px;padding-left:80px;cursor:pointer;animation:fadeInUp .8s ease-out}.timeline-dot-minimal{position:absolute;left:0;top:0;width:60px;height:60px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.timeline-item-minimal:active .timeline-dot-minimal{transform:scale(1.05);background:#f1f5f9}.timeline-item-minimal.active .timeline-dot-minimal{background:#1e40af;border-color:#1e40af}.timeline-dot-minimal svg{width:28px;height:28px;stroke:#1e40af;transition:stroke .3s ease}.timeline-item-minimal.active .timeline-dot-minimal svg{stroke:#fff}.timeline-content-minimal{background:#fff;padding:24px 28px;border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease}.timeline-item-minimal.active .timeline-content-minimal{background:#f8fafc;border-color:#cbd5e1}.timeline-title-minimal{font-size:1.4rem;font-weight:500;color:#1e40af;margin-bottom:8px;letter-spacing:-.3px}.timeline-date-minimal{font-size:.9rem;color:#94a3b8;margin-bottom:12px;font-weight:400}.timeline-description-minimal{font-size:1rem;color:#475569;line-height:1.7;max-height:0;overflow:hidden;transition:max-height .4s ease,margin .4s ease,opacity .4s ease;opacity:0}.timeline-description-minimal.show{max-height:200px;margin-bottom:16px;opacity:1}.expand-btn-minimal{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .3s ease}.expand-btn-minimal svg{width:20px;height:20px;stroke:#64748b;transition:stroke .3s ease}.expand-btn-minimal:active{transform:scale(.95)}.timeline-item-minimal.active .expand-btn-minimal svg{stroke:#1e40af}@media (max-width: 768px){.timeline-line-minimal{left:25px}.timeline-item-minimal{padding-left:70px}.timeline-dot-minimal{width:50px;height:50px}.timeline-dot-minimal svg{width:24px;height:24px}}@media (max-width: 480px){.page-title-minimal{font-size:2rem}.page-subtitle-minimal{font-size:1rem}.timeline-title-minimal{font-size:1.2rem}.timeline-date-minimal{font-size:.85rem}.timeline-description-minimal{font-size:.95rem}.timeline-content-minimal{padding:20px 24px}}.gallery-page-colorful{max-width:1000px;margin:0 auto;padding:40px 20px 100px}.page-title-colorful{font-size:2.5rem;font-weight:300;background:linear-gradient(135deg,#ff6b35,#e91e63,#ab47bc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:1rem;letter-spacing:-.5px;animation:fadeInUp .6s ease-out}.page-subtitle-colorful{font-size:1.1rem;color:#64748b;text-align:center;margin-bottom:3rem;font-weight:400;animation:fadeInUp .7s ease-out}.gallery-grid-colorful{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;margin-top:3rem}.gallery-card-colorful{aspect-ratio:1;border-radius:24px;cursor:pointer;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:all .3s ease;animation:fadeInScale .5s ease-out;box-shadow:0 8px 24px #00000026;position:relative;overflow:hidden}.gallery-card-colorful:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 100%);opacity:0;transition:opacity .3s ease}.gallery-card-colorful:active{transform:scale(.95)}.gallery-card-colorful:active:before{opacity:1}.gallery-icon-colorful{width:56px;height:56px;stroke:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.gallery-title-colorful{color:#fff;font-size:1.1rem;font-weight:600;text-align:center;letter-spacing:-.2px;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3)}.modal-overlay-colorful{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.modal-content-colorful{background:#fff;border-radius:32px;max-width:500px;width:100%;padding:50px 40px;position:relative;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 24px 64px #0000004d;text-align:center}.modal-close-colorful{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#f8fafc;border:none;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.modal-close-colorful svg{width:20px;height:20px;stroke:#64748b}.modal-close-colorful:active{transform:scale(.9);background:#e2e8f0}.modal-icon-container-colorful{width:120px;height:120px;margin:0 auto 2rem;border-radius:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #0003;animation:modalIconPulse 2s ease-in-out infinite}@keyframes modalIconPulse{0%,to{transform:scale(1);box-shadow:0 12px 32px #0003}50%{transform:scale(1.05);box-shadow:0 16px 48px #0000004d}}.modal-icon-container-colorful svg{width:64px;height:64px;stroke:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.modal-title-colorful{font-size:2rem;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;margin-bottom:1rem;letter-spacing:-.3px}.modal-description-colorful{font-size:1.15rem;color:#64748b;line-height:1.7;font-weight:400}.photo-count{color:#ffffffe6;font-size:.9rem;margin:8px 0 0;font-weight:500}.modal-content-photos{background:#fff;border-radius:24px;padding:40px 30px;max-width:900px;width:90%;max-height:85vh;overflow-y:auto;position:relative;animation:modalSlideUp .4s ease-out}.modal-category-title{font-size:2rem;font-weight:600;color:#1e40af;margin:0 0 30px;text-align:center}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.photo-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.photo-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:16px 12px 12px;opacity:0;transition:opacity .3s ease}.photo-item:hover .photo-overlay{opacity:1}.photo-overlay h4{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 4px}.photo-date{color:#ffffffe6;font-size:.8rem;margin:0}.modal-content-image{background:#fff;border-radius:24px;padding:30px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideUp .4s ease-out}.modal-full-image{width:100%;height:auto;border-radius:16px;margin-bottom:20px;box-shadow:0 4px 16px #0000001a}.modal-image-info{text-align:center}.modal-image-info h2{font-size:1.8rem;font-weight:600;color:#1e40af;margin:0 0 12px}.image-date{font-size:1rem;color:#64748b;margin:0 0 16px;font-weight:500}.image-description{font-size:1.05rem;color:#475569;line-height:1.6;margin:0}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.gallery-grid-colorful{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.gallery-card-colorful{padding:20px;border-radius:20px}.gallery-icon-colorful{width:48px;height:48px}.gallery-title-colorful{font-size:1rem}.photos-grid{grid-template-columns:repeat(2,1fr);gap:12px}.modal-content-photos{padding:30px 20px}.modal-category-title{font-size:1.5rem}.photo-overlay{opacity:1}.modal-content-image{padding:20px}.modal-image-info h2{font-size:1.4rem}}@media (max-width: 480px){.gallery-grid-colorful{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-card-colorful{padding:16px;border-radius:16px}.gallery-icon-colorful{width:40px;height:40px}.gallery-title-colorful{font-size:.9rem}.modal-content-colorful{padding:40px 30px;border-radius:24px}.modal-icon-container-colorful{width:100px;height:100px}.modal-icon-container-colorful svg{width:52px;height:52px}.modal-title-colorful{font-size:1.6rem}.modal-description-colorful{font-size:1rem}.page-title-colorful{font-size:2rem}}.countdown-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#eff6ff,#dbeafe,#bfdbfe);position:relative;overflow:hidden}.countdown-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.floating-element{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.element-1{width:300px;height:300px;top:10%;left:-10%;animation-delay:0s}.element-2{width:200px;height:200px;top:60%;right:-5%;animation-delay:7s}.element-3{width:250px;height:250px;bottom:10%;left:50%;animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(30px,-30px) scale(1.1);opacity:.5}66%{transform:translate(-20px,20px) scale(.9);opacity:.4}}.countdown-content{position:relative;z-index:1;max-width:900px;width:100%;text-align:center}.countdown-hero{margin-bottom:4rem;animation:fadeInDown .8s ease-out}.plane-icon-large{width:80px;height:80px;color:#2563eb;margin-bottom:2rem;filter:drop-shadow(0 4px 12px rgba(37,99,235,.3))}.countdown-main-title{font-size:3.5rem;font-weight:700;color:#1e40af;margin:0 0 1rem;letter-spacing:-1px;line-height:1.1}.flag-container{margin:1rem 0}.flag{font-size:4rem;display:inline-block;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.countdown-date{font-size:1.5rem;color:#64748b;font-weight:500;margin:1rem 0 0}.countdown-grid-main{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:3rem;animation:fadeInUp 1s ease-out}.countdown-card{background:#fff;border-radius:24px;padding:32px 20px;box-shadow:0 8px 32px #2563eb26;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);border:2px solid rgba(37,99,235,.1);position:relative;overflow:hidden}.countdown-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(37,99,235,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.countdown-card:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 16px 48px #2563eb40;border-color:#2563eb4d}.countdown-card:hover:before{opacity:1}.countdown-number-large{font-size:4rem;font-weight:800;color:#2563eb;line-height:1;margin-bottom:12px;font-variant-numeric:tabular-nums;animation:numberBounce 2s ease-in-out infinite}@keyframes numberBounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.countdown-label-large{font-size:1rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.countdown-bar{width:60%;height:4px;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:2px;margin:0 auto;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;width:60%}50%{opacity:1;width:80%}}.countdown-footer{animation:fadeInUp 1.2s ease-out}.destination-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:2rem;font-size:1.2rem;color:#1e40af;font-weight:600}.icon-small{width:24px;height:24px;color:#2563eb}.excitement-message{background:#fff;border-radius:20px;padding:28px 32px;box-shadow:0 4px 24px #2563eb1f;max-width:600px;margin:0 auto}.message-main{font-size:1.3rem;color:#1e40af;font-weight:600;margin:0 0 8px;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 20px rgba(37,99,235,.3)}}.message-sub{font-size:1rem;color:#64748b;margin:0;font-weight:500}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.countdown-page{padding:30px 16px}.countdown-main-title{font-size:2.2rem}.flag{font-size:3rem}.countdown-date{font-size:1.2rem}.plane-icon-large{width:60px;height:60px}.countdown-grid-main{grid-template-columns:repeat(2,1fr);gap:16px}.countdown-card{padding:24px 16px}.countdown-number-large{font-size:3rem}.countdown-label-large{font-size:.85rem}.destination-info{font-size:1rem}.excitement-message{padding:20px 24px}.message-main{font-size:1.1rem}.message-sub{font-size:.9rem}}@media (max-width: 480px){.countdown-main-title{font-size:1.8rem}.flag{font-size:2.5rem}.plane-icon-large{width:50px;height:50px;margin-bottom:1.5rem}.countdown-number-large{font-size:2.5rem}.countdown-label-large{font-size:.75rem}.excitement-message{padding:18px 20px}.message-main{font-size:1rem}}.special-moment-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#dbeafe,#bfdbfe);padding:0;position:relative;overflow:hidden}.special-moment-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);animation:rotateBackground 30s linear infinite}@keyframes rotateBackground{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.special-moment-fullscreen{position:relative;z-index:1;width:100%;height:100vh;display:flex;flex-direction:column;animation:fadeInScale .8s ease-out}.photo-container-fullscreen{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.special-photo-fullscreen{width:100%;height:100%;object-fit:contain;border-radius:16px;box-shadow:0 12px 48px #2563eb40;animation:fadeInUp 1s ease-out}.special-footer{background:#fff;border-radius:24px 24px 0 0;padding:28px 32px 32px;box-shadow:0 -8px 32px #2563eb26;text-align:center;animation:slideUpFooter 1.2s ease-out;border-top:2px solid rgba(37,99,235,.1)}.heart-icon-special{width:48px;height:48px;color:#ef5350;margin:0 auto 16px;animation:heartBeat 1.5s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(239,83,80,.3))}@keyframes heartBeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.message-text{font-size:1.1rem;color:#475569;line-height:1.7;margin:0;font-weight:500}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFooter{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.special-moment-page{padding:0}.photo-container-fullscreen{padding:10px}.special-photo-fullscreen{width:100%;max-height:70vh;object-fit:cover;border-radius:12px}.special-footer{padding:24px 28px;border-radius:20px 20px 0 0}.heart-icon-special{width:40px;height:40px;margin-bottom:12px}.message-text{font-size:1rem;line-height:1.6}}@media (max-width: 480px){.photo-container-fullscreen{padding:8px}.special-photo-fullscreen{max-height:65vh;border-radius:8px}.special-footer{padding:20px 24px 28px}.heart-icon-special{width:36px;height:36px}.message-text{font-size:.95rem;line-height:1.6}}@media (max-width: 768px) and (orientation: landscape){.photo-container-fullscreen{padding:10px}.special-photo-fullscreen{max-height:60vh}.special-footer{padding:16px 24px}.message-text{font-size:.9rem}}.menu-toggle-minimal{position:fixed;top:20px;right:20px;z-index:1001;width:48px;height:48px;border:none;background:#2563eb;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;box-shadow:0 4px 16px #2563eb66;transition:all .3s ease;cursor:pointer}.menu-toggle-minimal:hover{transform:scale(1.1);box-shadow:0 6px 20px #2563eb99;background:#1e40af}.menu-toggle-minimal:active{transform:scale(.98)}.menu-toggle-minimal span{width:22px;height:2.5px;background:#fff;border-radius:2px;transition:all .3s ease;box-shadow:0 1px 3px #00000026}.menu-toggle-minimal.open{background:#1e40af;animation:none}.menu-toggle-minimal.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle-minimal.open span:nth-child(2){opacity:0}.menu-toggle-minimal.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navigation-minimal{position:fixed;top:0;right:-280px;width:260px;height:100vh;background:linear-gradient(180deg,#fff,#f8fafc);z-index:1000;transition:right .4s ease-out;box-shadow:-4px 0 24px #0000001a;overflow-y:auto;border-left:1px solid rgba(147,197,253,.2)}.navigation-minimal.open{right:0}.nav-header-minimal{padding:32px 24px 24px;background:#2563eb;position:relative;overflow:hidden}.nav-header-minimal h3{color:#fff;font-size:1.4rem;font-weight:600;margin:0;letter-spacing:-.3px;position:relative;z-index:1;text-shadow:0 2px 6px rgba(0,0,0,.15);animation:slideInDown .5s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-menu-minimal{list-style:none;padding:20px 0;margin:0}.nav-menu-minimal li{margin:0;animation:slideInRight .4s ease-out;animation-fill-mode:both}.nav-menu-minimal li:nth-child(1){animation-delay:.05s}.nav-menu-minimal li:nth-child(2){animation-delay:.1s}.nav-menu-minimal li:nth-child(3){animation-delay:.15s}.nav-menu-minimal li:nth-child(4){animation-delay:.2s}.nav-menu-minimal li:nth-child(5){animation-delay:.25s}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.nav-menu-minimal a{display:flex;align-items:center;gap:14px;padding:14px 24px;color:#64748b;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;position:relative;overflow:hidden}.nav-menu-minimal a:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#2563eb14;transition:width .3s ease}.nav-menu-minimal a:hover:before{width:100%}.nav-menu-minimal a:hover{color:#2563eb;transform:translate(4px);background:#2563eb0a}.nav-menu-minimal a:hover .nav-icon{transform:scale(1.1);filter:drop-shadow(0 2px 6px rgba(37,99,235,.2))}.nav-menu-minimal a:active{transform:translate(2px) scale(.98)}.nav-menu-minimal a.active{background:#2563eb1a;color:#2563eb;border-left-color:#2563eb;font-weight:600}.nav-menu-minimal a.active .nav-icon{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.nav-icon{width:22px;height:22px;stroke:currentColor;flex-shrink:0;transition:all .3s ease}.nav-label{font-size:.95rem;font-weight:500;letter-spacing:.1px}.overlay-minimal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;animation:fadeIn .3s ease}@media (max-width: 480px){.menu-toggle-minimal{top:18px;right:18px;width:46px;height:46px}.navigation-minimal{width:75%;max-width:240px}.nav-header-minimal{padding:28px 20px 20px}.nav-header-minimal h3{font-size:1.3rem}.nav-menu-minimal{padding:16px 0}.nav-menu-minimal a{padding:13px 20px;gap:12px}.nav-icon{width:20px;height:20px}.nav-label{font-size:.9rem}}.app{min-height:100vh;background-color:#fff;position:relative}.page{min-height:100vh;animation:fadeIn .5s ease-in}.page-title{font-size:2.5rem;font-weight:300;color:#1e40af;text-align:center;margin-bottom:1rem;letter-spacing:-.5px;animation:fadeInUp .6s ease-out}.page-subtitle{font-size:1.1rem;color:#64748b;text-align:center;margin-bottom:2rem;font-weight:400;animation:fadeInUp .7s ease-out}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container-sm{max-width:800px;margin:0 auto;padding:0 20px}.btn{padding:18px 32px;font-size:1.1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;letter-spacing:.3px}.btn-primary{background:#1e40af;color:#fff}.btn-primary:active{transform:scale(.97);background:#1e3a8a}.btn-secondary{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.btn-secondary:active{transform:scale(.97);background:#f1f5f9}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease}.card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #1e40af14}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#1e40af;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-state svg{width:64px;height:64px;margin-bottom:20px;stroke:#cbd5e1}.empty-state h3{font-size:1.3rem;font-weight:500;color:#1e40af;margin-bottom:8px}.empty-state p{font-size:1rem;color:#64748b}@media (max-width: 768px){.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.btn{font-size:1rem;padding:16px 28px}.card{padding:20px}}@media (max-width: 480px){.page-title{font-size:1.8rem}.page-subtitle{font-size:.95rem}.btn{font-size:.95rem;padding:14px 24px}.card{padding:16px}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--blue-ocean: #0369a1;--blue-sky: #0ea5e9;--blue-azure: #06b6d4;--blue-ice: #67e8f9;--blue-deep: #0c4a6e;--blue-midnight: #082f49;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--blue-50) 0%,var(--gray-50) 100%);color:var(--blue-800);overflow-x:hidden;touch-action:pan-y}#root{min-height:100vh;width:100%}button{font-family:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input{font-family:inherit}a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--blue-50)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--blue-400) 0%,var(--blue-600) 100%);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--blue-500) 0%,var(--blue-700) 100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}html{scroll-behavior:smooth}@media (max-width: 768px){body{font-size:16px}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}