.intro-section[data-v-7258595d]{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.video-background[data-v-7258595d]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;contain:layout style paint}.video-background video[data-v-7258595d]{width:100%;height:100%;object-fit:cover;transform:translateZ(0);will-change:auto}.intro-content[data-v-7258595d]{position:relative;z-index:1;padding:2rem;border-radius:1rem;max-width:800px;transition:background-color .3s ease,color .3s ease;will-change:transform;background-color:#0009}.intro-content h1[data-v-7258595d]{font-size:3rem;margin:0;font-weight:700}.tagline[data-v-7258595d]{font-size:1.5rem;margin-top:.5rem;color:#ff9a9e;transition:color .3s ease}.description[data-v-7258595d]{margin-top:1rem;font-size:1.1rem;transition:color .3s ease;contain:layout style;will-change:color}@media screen and (max-width: 768px){.intro-content h1[data-v-7258595d]{font-size:2rem}}.video-modal[data-v-7f4b0ef4]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-7f4b0ef4]{position:relative;width:90%;max-width:1000px;aspect-ratio:16/9;background:#000}.modal-content iframe[data-v-7f4b0ef4]{width:100%;height:100%;border:none}.close-btn[data-v-7f4b0ef4]{position:absolute;top:10px;right:10px;width:30px;height:30px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer}.close-btn[data-v-7f4b0ef4]:hover{background:#ffffff4d}.loading-indicator[data-v-7f4b0ef4]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;z-index:1}.spinner[data-v-7f4b0ef4]{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-7f4b0ef4 1s ease-in-out infinite}.loading-indicator p[data-v-7f4b0ef4]{margin-top:16px;color:#fff;font-size:16px}@media (max-width: 768px){.modal-content[data-v-7f4b0ef4]{width:95%}.spinner[data-v-7f4b0ef4]{width:30px;height:30px;border-width:3px}.loading-indicator p[data-v-7f4b0ef4]{font-size:14px}}@keyframes spin-7f4b0ef4{to{transform:rotate(360deg)}}.videos-section[data-v-7f4b0ef4]{padding:4rem 2rem;max-width:1200px;margin:0 auto;transition:background-color .3s ease}.loading-state[data-v-7f4b0ef4]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.loading-state .spinner[data-v-7f4b0ef4]{width:40px;height:40px;border:4px solid rgba(255,154,158,.3);border-radius:50%;border-top-color:#ff9a9e;animation:spin-7f4b0ef4 1s ease-in-out infinite}.error-state[data-v-7f4b0ef4]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;text-align:center;padding:2rem}.error-state .error-icon[data-v-7f4b0ef4]{font-size:3rem;color:#ff6b6b}.error-state h3[data-v-7f4b0ef4]{color:#ff6b6b;margin:0}.error-state p[data-v-7f4b0ef4]{color:#666;max-width:500px}.retry-btn[data-v-7f4b0ef4]{padding:.5rem 1.5rem;background-color:#ff9a9e;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.retry-btn[data-v-7f4b0ef4]:hover{background-color:#ff7b81}h2[data-v-7f4b0ef4]{text-align:center;margin-bottom:2rem;color:#ff9a9e;transition:color .3s ease}.video-grid[data-v-7f4b0ef4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.video-cover[data-v-7f4b0ef4]{overflow:hidden}.video-cover-img[data-v-7f4b0ef4]{width:100%;object-fit:cover}.video-card[data-v-7f4b0ef4]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.video-card[data-v-7f4b0ef4]:hover{transform:translateY(-5px)}.video-card img[data-v-7f4b0ef4]{width:100%;height:auto;display:block}.video-card h3[data-v-7f4b0ef4]{padding:1rem;margin:0;color:#333;transition:color .3s ease}.video-card p[data-v-7f4b0ef4]{padding:0 1rem 1rem;margin:0;color:#666;transition:color .3s ease}@media (prefers-color-scheme: dark){h2[data-v-7f4b0ef4]{color:#ff6b9d}.video-card[data-v-7f4b0ef4]{background:#2d2d2d;box-shadow:0 4px 8px #0000004d}.video-card h3[data-v-7f4b0ef4]{color:#e0e0e0}.video-card p[data-v-7f4b0ef4]{color:#b0b0b0}.video-info[data-v-7f4b0ef4]{display:flex;flex-direction:column;gap:8px}.error-state p[data-v-7f4b0ef4]{color:#b0b0b0}.loading-state p[data-v-7f4b0ef4]{color:#e0e0e0}.video-modal[data-v-7f4b0ef4]{background-color:#000000f2}.close-btn[data-v-7f4b0ef4]{background:#ffffff26}.close-btn[data-v-7f4b0ef4]:hover{background:#ffffff40}}@media (prefers-color-scheme: light){.videos-section[data-v-7f4b0ef4]{background-color:transparent}h2[data-v-7f4b0ef4]{color:#ff9a9e}.video-card[data-v-7f4b0ef4]{background:#fff;box-shadow:0 4px 8px #0000001a}.video-card h3[data-v-7f4b0ef4]{color:#333}.video-card p[data-v-7f4b0ef4]{color:#666}.video-info[data-v-7f4b0ef4]{display:flex;flex-direction:column;gap:8px}.error-state p[data-v-7f4b0ef4]{color:#666}.loading-state p[data-v-7f4b0ef4]{color:#333}.video-modal[data-v-7f4b0ef4]{background-color:#000000e6}.close-btn[data-v-7f4b0ef4]{background:#fff3}.close-btn[data-v-7f4b0ef4]:hover{background:#ffffff4d}}.stickers-section[data-v-0fb21a98]{padding:4rem 2rem;max-width:1200px;margin:0 auto}h2[data-v-0fb21a98]{text-align:center;margin-bottom:2rem;color:#ff9a9e}.sticker-container[data-v-0fb21a98]{display:flex;align-items:flex-start;justify-content:center}.center-area[data-v-0fb21a98]{flex:0 0 480px;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.5rem}.center-image[data-v-0fb21a98]{display:flex;align-items:center}.center-image img[data-v-0fb21a98]{width:360px;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 8px #0000001a}.selected-stickers[data-v-0fb21a98]{display:flex;gap:5rem;justify-content:center}.selected-sticker-card[data-v-0fb21a98]{aspect-ratio:1/1;width:150px;height:150px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer;position:relative}.selected-sticker-card[data-v-0fb21a98]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.selected-sticker-card:hover .sticker-overlay[data-v-0fb21a98]{opacity:1}.selected-sticker-card img[data-v-0fb21a98]{width:100%;height:100%;object-fit:contain}.empty-slot[data-v-0fb21a98]{font-size:24px;color:#ff9a9e;font-weight:700}.sticker-preview[data-v-0fb21a98]{flex:0 0 40%;position:sticky;top:1rem;display:flex;flex-direction:column;align-items:center;background:#fffc;border-radius:16px;box-shadow:0 4px 12px #00000014}.sticker-grid[data-v-0fb21a98]{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem;padding:.5rem}.sticker-card[data-v-0fb21a98]{aspect-ratio:1/1;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer;position:relative}.sticker-card img[data-v-0fb21a98]{width:100%;height:100%;object-fit:contain}.sticker-overlay[data-v-0fb21a98]{position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(to top,#ff9a9ecc,#ff9a9e00);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .3s ease}.sticker-card:hover .sticker-overlay[data-v-0fb21a98]{opacity:1}.sticker-name[data-v-0fb21a98]{color:#fff;font-weight:700;font-size:12px;text-align:center;padding:.3rem .5rem;margin-bottom:.2rem}@media (max-width: 768px){.sticker-container[data-v-0fb21a98]{flex-direction:column;gap:1rem}.center-image[data-v-0fb21a98]{order:1}.top-stickers[data-v-0fb21a98]{order:0}.bottom-stickers[data-v-0fb21a98]{order:2}.selected-stickers[data-v-0fb21a98]{gap:1rem}.selected-sticker-card[data-v-0fb21a98]{width:150px;height:150px}.center-image img[data-v-0fb21a98]{max-width:300px;max-height:300px}.sticker-grid[data-v-0fb21a98]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.preview-image[data-v-0fb21a98]{max-width:300px;margin-bottom:1rem}}.intro-page[data-v-6fb0f490]{font-family:Arial,sans-serif;color:#333;transition:background-color .3s ease,color .3s ease}@media (prefers-color-scheme: dark){.container[data-v-6fb0f490]{background-color:#1a1a1a;color:#e0e0e0}}
