@font-face {font-family: 'Cherry Bomb One';src: url('/assets/fonts/Cherry_Bomb_One/CherryBombOne-Regular.woff2') format('woff2'), url('/assets/fonts/Cherry_Bomb_One/CherryBombOne-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'Akaya Telivigala';src: url('/assets/fonts/Akaya_Telivigala/AkayaTelivigala-Regular.woff2') format('woff2'), url('/assets/fonts/Akaya_Telivigala/AkayaTelivigala-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}:root {--color-bg-primary: #17153b;--color-bg-secondary: #2e236c;--color-surface: #433d8b;--color-text-main: #c8acd6;--color-accent: #f4abc4;--color-accent-dark: #e94560;--font-heading: 'Cherry Bomb One', cursive;--font-subheading: 'Cherry Bomb One', cursive;--font-body: 'Akaya Telivigala', sans-serif;--max-width: 1280px;--section-padding: 6rem 1.5rem;}*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;}html, body {width: 100%;height: 100%;font-family: var(--font-body);font-size: 16px;background-color: var(--color-bg-primary);background-image: url('/assets/images/pattern-for-bg.png');background-repeat: repeat;color: var(--color-text-main);line-height: 1.6;scroll-behavior: smooth;}h1, h2, h3, h4 {font-family: var(--font-heading);color: var(--color-text-main);margin-bottom: 0.75rem;line-height: 1.2;}h5, h6 {font-family: var(--font-subheading);color: var(--color-text-main);margin-bottom: 0.5rem;line-height: 1.3;}p {margin-bottom: 1.25rem;font-family: var(--font-body);}.container {max-width: var(--max-width);margin: 0 auto;padding: 0 1.5rem;}.section {padding: var(--section-padding);}.section-title {font-family: var(--font-heading);font-size: 2.5rem;text-align: center;margin-bottom: 2rem;position: relative;}.section-title::after {content: '';display: block;width: 80px;height: 4px;margin: 0.75rem auto 0;background-color: var(--color-accent);border-radius: 2px;}.flex {display: flex;}.flex-center {display: flex;align-items: center;justify-content: center;}.flex-between {display: flex;justify-content: space-between;align-items: center;}.grid-2 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 2rem;}.grid-3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}.mb-1 {margin-bottom: 0.5rem;}.mb-2 {margin-bottom: 1rem;}.mb-3 {margin-bottom: 1.5rem;}.mb-4 {margin-bottom: 2rem;}.pt-1 {padding-top: 0.5rem;}.pt-2 {padding-top: 1rem;}.pt-3 {padding-top: 1.5rem;}.pt-4 {padding-top: 2rem;}.text-center {text-align: center;}.text-right {text-align: right;}.text-left {text-align: left;}.text-accent {color: var(--color-accent);}.text-accent-dark {color: var(--color-accent-dark);}.hidden {display: none !important;}.visible {display: block !important;}body::-webkit-scrollbar {width: 10px;}body::-webkit-scrollbar-track {background: #1f1b3c;}body::-webkit-scrollbar-thumb {background-color: var(--color-accent-dark);border-radius: 8px;border: 2px solid var(--color-bg-primary);}.button {display: inline-flex;align-items: center;justify-content: center;font-family: var(--font-subheading);font-weight: normal;text-transform: uppercase;text-decoration: none;border-radius: 6px;cursor: pointer;position: relative;overflow: hidden;transition: all 0.3s ease-in-out;letter-spacing: 0.05em;border: 2px solid transparent;background-color: transparent;color: var(--color-accent);}.button--filled {background-color: var(--color-accent-dark);color: #fff;border-color: var(--color-accent-dark);}.button--filled:hover {background-color: var(--color-accent);color: var(--color-bg-primary);border-color: var(--color-accent);}.button--outlined {border-color: var(--color-accent);color: var(--color-accent);}.button--outlined:hover {background-color: var(--color-accent);color: var(--color-bg-primary);}.button::before {content: '';position: absolute;left: -100%;top: 0;height: 100%;width: 100%;background: rgba(255, 255, 255, 0.1);transform: skewX(-20deg);transition: left 0.4s ease;z-index: 0;}.button:hover::before {left: 100%;}.button span {position: relative;z-index: 1;}.button--sm {padding: 0.2rem 0.8rem;font-size: 1.2rem;}.button--lg {padding: 0.5rem 1rem;font-size: 1.5rem;}.button--block {display: block;width: 100%;}.noscript-warning {width: 100%;background-color: #e94560;color: #fff;text-align: center;padding: 1rem 1.5rem;font-family: var(--font-body);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);}.noscript-content {max-width: 960px;margin: 0 auto;font-size: 1.2rem;}.noscript-content strong {display: block;font-weight: bold;font-size: 1.5rem;margin-bottom: 0.25rem;}.main-header {width: 100%;padding: 1rem 1.5rem;background-color: var(--color-bg-primary);position: sticky;top: 0;z-index: 999;}.header-container {display: flex;justify-content: space-between;align-items: center;max-width: var(--max-width);margin: 0 auto;position: relative;}.site-logo img {display: block;height: 40px;}.nav-desktop {display: none;}.nav-desktop a {margin-left: 2rem;font-family: var(--font-subheading);font-size: 1.5rem;color: var(--color-accent);text-decoration: none;position: relative;}.nav-desktop a::after {content: '';display: block;height: 2px;width: 0;background: var(--color-accent);transition: width 0.3s ease;}.nav-desktop a:hover::after {width: 100%;}.burger-icon {cursor: pointer;z-index: 1001;}.nav-toggle {display: none;}.nav-panel {position: fixed;top: 0;right: 0;height: 100vh;width: 300px;max-width: 85%;background: var(--color-bg-secondary);box-shadow: -4px 0 12px rgba(0, 0, 0, 0.3);transform: translateX(100%);transition: transform 0.4s ease;padding: 2rem 1.5rem;display: flex;flex-direction: column;z-index: 1000;}.nav-panel .close-icon {align-self: flex-end;cursor: pointer;margin-bottom: 2rem;}.nav-mobile a {font-size: 1.4rem;font-family: var(--font-body);color: var(--color-accent);text-decoration: none;margin-bottom: 1rem;display: block;}.nav-toggle:checked ~ .nav-panel {transform: translateX(0);}@media screen and (min-width: 992px) {.nav-desktop {display: flex;}.burger-icon, .nav-panel {display: none;}}.hero-section {position: relative;overflow: hidden;padding-top: 4rem;padding-bottom: 5rem;}.hero-media-wrapper {position: relative;height: auto;max-height: 500px;overflow: hidden;border-radius: 16px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);}.hero-bg-img {width: 100%;height: auto;display: none;object-fit: cover;border-radius: 16px;}@media (min-width: 540px) {.hero-bg-img {display: block;}}.hero-overlay {position: absolute;inset: 0;background: linear-gradient( to bottom, rgba(23, 21, 59, 0.4), rgba(23, 21, 59, 0.9) );pointer-events: none;z-index: 1;}.hero-content {position: relative;z-index: 2;margin-top: -6rem;background-color: rgba(23, 21, 59, 0.8);backdrop-filter: blur(6px);padding: 2.5rem 2rem;border-radius: 1rem;max-width: 800px;margin-left: auto;margin-right: auto;text-align: center;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);}.hero-title {font-family: var(--font-heading);font-size: 3rem;margin-bottom: 1rem;color: var(--color-accent);}.hero-subtitle {font-size: 1.5rem;margin-bottom: 1rem;font-family: var(--font-body);color: var(--color-text-main);display: none;}@media (min-width: 540px) {.hero-subtitle {display: block;}}.hero-description {font-size: 1.3rem;margin-bottom: 2rem;color: var(--color-text-main);font-family: var(--font-body);}.about-section {position: relative;padding-top: 6rem;padding-bottom: 6rem;}.section.about-section, .section.features-section {padding: 0;}.about-media {max-width: 960px;margin: 0 auto 3rem;overflow: hidden;border-radius: 16px;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);}.about-bg-img {width: 100%;height: auto;object-fit: cover;border-radius: 16px;display: block;}.about-content {max-width: 900px;margin: 0 auto;}.about-text-box {background-color: rgba(46, 35, 108, 0.85);padding: 1rem;border-radius: 1rem;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);}.about-text-box p {font-size: 1.5rem;margin-bottom: 1.5rem;font-family: var(--font-body);color: var(--color-text-main);}.about-text-box strong {color: var(--color-accent);}.features-section {position: relative;padding-top: 6rem;padding-bottom: 6rem;overflow: hidden;}.features-media {position: relative;max-width: 960px;margin: 0 auto 3rem;border-radius: 16px;overflow: hidden;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);}.features-bg-img {width: 100%;height: auto;display: block;object-fit: cover;border-radius: 16px;transform: scale(1.02);transition: transform 8s ease;}.features-media:hover .features-bg-img {transform: scale(1.05);}.features-overlay {position: absolute;inset: 0;background: linear-gradient( to bottom, rgba(46, 35, 108, 0.3), rgba(46, 35, 108, 0.85) );pointer-events: none;z-index: 1;}.features-content {max-width: 880px;margin: 0 auto;position: relative;z-index: 2;}.features-text-box {background-color: rgba(43, 33, 94, 0.85);padding: 2.5rem;border-radius: 1rem;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);}.features-text-box p {font-size: 1.5rem;font-family: var(--font-body);color: var(--color-text-main);margin-bottom: 1.5rem;}.features-text-box strong {color: var(--color-accent);}.journey-section {background-color: var(--color-bg-secondary);padding-top: 1rem;padding-bottom: 1rem;margin-top: 1rem;margin-bottom: 1rem;}.journey-wrapper {display: flex;flex-direction: column;gap: 2.5rem;}@media screen and (min-width: 992px) {.journey-wrapper {flex-direction: row;align-items: center;}}.journey-image-wrapper {flex: 1;text-align: center;}.journey-img {width: 100%;max-width: 520px;border-radius: 12px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);object-fit: cover;border: 4px solid var(--color-surface);}.journey-content {flex: 1;font-family: var(--font-body);}.journey-title {font-family: var(--font-heading);font-size: 2rem;color: var(--color-accent);margin-bottom: 1.5rem;line-height: 1.2;}.journey-title span {display: block;}.journey-content p {color: var(--color-text-main);font-size: 1.5rem;margin-bottom: 1.5rem;}.music-section {background-color: var(--color-bg-primary);background-image: url('/assets/images/note-pattern.png');background-repeat: no-repeat;background-size: auto;background-position: center;padding-top: 6rem;padding-bottom: 6rem;}.music-container {display: flex;flex-direction: column-reverse;align-items: center;gap: 3rem;}@media screen and (min-width: 992px) {.music-container {flex-direction: row;align-items: flex-start;}}.music-visual {flex: 1;text-align: center;}.music-img {width: 100%;max-width: 700px;border-radius: 16px;object-fit: cover;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);border: 4px solid var(--color-surface);}.music-text {flex: 1;font-family: var(--font-body);}.music-text p {font-size: 1.5rem;color: var(--color-text-main);margin-bottom: 1.5rem;}.character-section {background-color: var(--color-bg-secondary);background-image: url('/assets/images/cloud-pattern.png');background-repeat: no-repeat;background-size: auto;background-position: center;padding-top: 5rem;padding-bottom: 5rem;}.character-wrapper {display: flex;flex-direction: column;align-items: center;text-align: center;gap: 3rem;}@media screen and (min-width: 992px) {.character-wrapper {flex-direction: row;text-align: left;}}.character-image {flex: 1;}.character-img {max-width: 320px;width: 100%;border-radius: 100%;border: 6px solid var(--color-surface);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);object-fit: cover;}.character-content {flex: 2;}.character-content p {font-size: 1.5rem;font-family: var(--font-body);color: var(--color-text-main);margin-bottom: 1.5rem;}.gallery-section {background-color: var(--color-bg-primary);background-image: url('/assets/images/gallery-pattern.png');background-repeat: repeat;background-size: auto;background-position: center;padding-top: 5rem;padding-bottom: 5rem;}.gallery-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 1.5rem;}.gallery-item {cursor: zoom-in;border-radius: 12px;overflow: hidden;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);transition: transform 0.3s ease;}.gallery-item:hover {transform: scale(1.02);}.gallery-item img {width: 100%;display: block;object-fit: cover;}.lightbox-toggle {display: none;}.lightbox {position: fixed;inset: 0;background-color: rgba(23, 21, 59, 0.5);display: none;align-items: center;justify-content: center;z-index: 1000;padding: 2rem;}.lightbox img {max-width: 90vw;max-height: 85vh;border-radius: 1rem;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);object-fit: contain;}.lightbox-toggle:checked + .lightbox {display: flex;}.lightbox-bg {position: absolute;inset: 0;cursor: zoom-out;}.contact-section {background-color: var(--color-bg-secondary);padding-top: 6rem;padding-bottom: 6rem;background-image: url('/assets/images/contact-pattern.png');background-repeat: no-repeat;background-position: center;background-size: auto;}.contact-container {max-width: 700px;margin: 0 auto;text-align: center;}.contact-content {background-color: rgba(43, 33, 94, 0.95);padding: 2.5rem;border-radius: 1rem;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);}.contact-content p {font-size: 1.5rem;font-family: var(--font-body);color: var(--color-text-main);margin-bottom: 1.5rem;}.contact-email a {color: var(--color-accent);text-decoration: underline;}.contact-email a:hover {text-decoration: none;color: var(--color-accent-dark);}.site-footer {background-color: var(--color-bg-primary);padding-top: 3rem;padding-bottom: 2rem;border-top: 1px solid rgba(255, 255, 255, 0.05);}.footer-container {display: flex;flex-wrap: wrap;gap: 2rem;justify-content: space-between;align-items: flex-start;}.footer-column {flex: 1;min-width: 220px;}.footer-logo img {display: block;max-width: 100%;height: auto;}.footer-links {text-align: center;}.footer-links a {color: var(--color-accent);margin: 0 0.75rem;text-decoration: none;font-family: var(--font-body);font-size: 1.5rem;}.footer-links a:hover {text-decoration: underline;}.footer-contact p {font-size: 1.5rem;font-family: var(--font-body);margin-bottom: 0.75rem;color: var(--color-text-main);}.footer-contact a {color: var(--color-accent);text-decoration: underline;}.footer-bottom {margin-top: 2rem;text-align: center;font-size: 1.1rem;color: var(--color-text-main);font-family: var(--font-body);border-top: 1px solid rgba(255, 255, 255, 0.05);padding-top: 1.5rem;}.legal-wrapper {max-width: 800px;margin: 0 auto;padding: 2rem;color: #111;background-color: #fff;}.legal-section {margin-bottom: 2rem;}.legal-title {font-size: 3rem;margin-bottom: 1rem;letter-spacing: 0.2rem;color: #000;border-bottom: 2px solid #000;padding-bottom: 0.5rem;}.legal-subtitle {letter-spacing: 0.15rem;font-size: 2rem;margin-bottom: 0.5rem;color: #000;}.legal-text {font-size: 1.5rem;line-height: 1.7;color: #222;}.legal-text ul {margin-top: 0.5rem;margin-left: 1rem;padding-left: 1rem;}