:root{--primary-color:#11A84E;--secondary-color:#22C768;--button-gradient:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);--card-bg:#11271B;--main-bg:#08160F;--text-main:#F2FFF6;--text-secondary:#A7D9B8;--border-color:#2E7A4E;--glow-color:#57E38D;--gold-color:#F2C14E;--divider-color:#1E3A2A;--deep-green:#0A4B2C}.page-index{color:var(--text-main);background-color:var(--main-bg);font-family:'Arial',sans-serif;line-height:1.6}.page-index__video-section{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;padding-top:10px;background-color:var(--main-bg)}.page-index__video-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.page-index__video-link{display:block;text-decoration:none;position:relative;width:100%;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.page-index__video-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.page-index__video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.page-index__video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px;object-fit:cover;pointer-events:none}.page-index__video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border-radius:8px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.page-index__video-link:hover .page-index__video-overlay{opacity:1}.page-index__video-click-hint{color:#fff;font-size:18px;font-weight:bold;text-shadow:0 2px 4px rgba(0,0,0,.5);padding:10px 20px;background:rgba(242,193,78,.8);border-radius:5px;white-space:nowrap}.page-index__video-cta{width:100%;display:flex;justify-content:center;align-items:center;margin-top:30px}.page-index__play-now-button{display:inline-block;padding:15px 40px;background:var(--button-gradient);color:var(--text-main);text-decoration:none;border-radius:8px;font-size:18px;font-weight:bold;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.3);border:none;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.3)}.page-index__play-now-button:hover{background:linear-gradient(180deg,#13994A 0%,#2AD16F 100%);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.4)}.page-index__play-now-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.2)}.page-index__title-section{text-align:center;padding:40px 20px;background-color:var(--main-bg);color:var(--text-main)}.page-index__title-container{max-width:900px;margin:0 auto}.page-index__main-title{font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.2;margin-bottom:20px;color:var(--text-main)}.page-index__title-description{font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 30px auto}.page-index__cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.page-index__cta-button{display:inline-block;padding:15px 35px;background:var(--button-gradient);color:var(--text-main);text-decoration:none;border-radius:8px;font-size:17px;font-weight:bold;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.3);border:none;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.3);max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-index__cta-button:hover{background:linear-gradient(180deg,#13994A 0%,#2AD16F 100%);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.4)}.page-index__cta-button--secondary{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,.2)}.page-index__cta-button--secondary:hover{background:var(--deep-green);box-shadow:0 4px 12px rgba(0,0,0,.3)}.page-index__brand-section{padding:80px 20px;background-color:var(--card-bg);color:var(--text-main)}.page-index__brand-container{max-width:1200px;margin:0 auto;text-align:center}.page-index__brand-title{font-size:36px;font-weight:700;margin-bottom:50px;color:var(--text-main);text-shadow:0 2px 4px rgba(0,0,0,.2)}.page-index__brand-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:50px}.page-index__brand-item{background-color:var(--main-bg);padding:30px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.3);border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.page-index__brand-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.4)}.page-index__brand-item-title{font-size:24px;font-weight:600;margin-bottom:15px;color:var(--gold-color)}.page-index__brand-item p{font-size:16px;color:var(--text-secondary)}.page-index__brand-image{margin-top:40px;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.4);max-width:900px;margin-left:auto;margin-right:auto}.page-index__brand-image img{width:100%;height:auto;display:block;object-fit:cover}.page-index__blog-section{padding:80px 20px;background-color:var(--main-bg);color:var(--text-main)}.page-index__blog-container{max-width:1200px;margin:0 auto;text-align:center}.page-index__blog-title{font-size:36px;font-weight:700;margin-bottom:50px;color:var(--text-main);text-shadow:0 2px 4px rgba(0,0,0,.2)}.page-index__blog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px}.page-index__blog-item{background-color:var(--card-bg);border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.3);border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease;text-align:left}.page-index__blog-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.4)}.page-index__blog-item img{width:100%;height:200px;object-fit:cover;display:block}.page-index__blog-link{display:block;padding:20px;color:inherit;text-decoration:none}.page-index__blog-item-title{font-size:20px;font-weight:600;margin-bottom:10px;color:var(--text-main);line-height:1.4}.page-index__blog-item-excerpt{font-size:15px;color:var(--text-secondary);margin-bottom:15px}.page-index__blog-item-date{font-size:14px;color:var(--primary-color);display:block}.page-index__view-all-button-wrapper{text-align:center;margin-top:40px}.page-index__view-all-button{display:inline-block;padding:12px 30px;background:var(--button-gradient);color:var(--text-main);text-decoration:none;border-radius:8px;font-size:16px;font-weight:bold;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.3);border:none;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.3)}.page-index__view-all-button:hover{background:linear-gradient(180deg,#13994A 0%,#2AD16F 100%);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.4)}.page-index__faq-section{padding:80px 20px;background-color:var(--card-bg);color:var(--text-main)}.page-index__faq-container{max-width:900px;margin:0 auto;text-align:center}.page-index__faq-main-title{font-size:36px;font-weight:700;margin-bottom:50px;color:var(--text-main);text-shadow:0 2px 4px rgba(0,0,0,.2)}.page-index__faq-list{text-align:left}details.page-index__faq-item{margin-bottom:15px;border-radius:10px;border:1px solid var(--border-color);overflow:hidden;background:var(--main-bg);box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all .3s ease}details.page-index__faq-item[open]{background:var(--deep-green);box-shadow:0 4px 15px rgba(0,0,0,.3)}details.page-index__faq-item summary.page-index__faq-question{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;cursor:pointer;user-select:none;list-style:none;transition:background-color .3s ease,color .3s ease;color:var(--text-main);font-size:18px;font-weight:600}details.page-index__faq-item summary.page-index__faq-question::-webkit-details-marker{display:none}details.page-index__faq-item summary.page-index__faq-question:hover{background:var(--deep-green);color:var(--gold-color)}.page-index__faq-qtext{flex:1;font-size:17px;font-weight:600;line-height:1.5;text-align:left;color:var(--text-main)}details.page-index__faq-item[open] .page-index__faq-qtext{color:var(--gold-color)}.page-index__faq-toggle{font-size:24px;font-weight:bold;color:var(--primary-color);flex-shrink:0;margin-left:15px;width:28px;text-align:center;transition:transform .3s ease,color .3s ease}details.page-index__faq-item[open] .page-index__faq-toggle{transform:rotate(45deg);color:var(--gold-color)}details.page-index__faq-item .page-index__faq-answer{padding:0 25px 25px;background:var(--deep-green);border-radius:0 0 10px 10px;color:var(--text-secondary);font-size:16px;line-height:1.6}@media (max-width:1024px){.page-index__main-title{font-size:clamp(26px,4vw,40px)}.page-index__title-description{font-size:17px}.page-index__brand-title,.page-index__blog-title,.page-index__faq-main-title{font-size:32px}}@media (max-width:768px){.page-index{font-size:16px;line-height:1.6}.page-index__video-section{padding-top:10px!important;padding-bottom:40px;padding-left:15px;padding-right:15px;max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.page-index__video-container{max-width:100%!important;width:100%!important;box-sizing:border-box!important;padding-left:0;padding-right:0;overflow:hidden!important}.page-index__video-link{max-width:100%!important;width:100%!important;box-sizing:border-box!important}.page-index__video-wrapper{max-width:100%!important;width:100%!important;box-sizing:border-box!important;border-radius:4px;overflow:hidden!important}.page-index__video{max-width:100%!important;width:100%!important;height:auto!important;border-radius:4px;object-fit:contain}.page-index__video-cta{margin-top:20px;padding-left:15px;padding-right:15px;width:100%;max-width:100%;box-sizing:border-box}.page-index__play-now-button{max-width:100%!important;width:100%!important;box-sizing:border-box!important;padding:12px 30px!important;font-size:16px!important;white-space:normal!important;word-wrap:break-word!important}.page-index__video-click-hint{font-size:14px!important;padding:8px 16px!important}.page-index__title-section{padding:30px 15px}.page-index__main-title{font-size:clamp(24px,6vw,36px);margin-bottom:15px}.page-index__title-description{font-size:16px;margin-bottom:20px}.page-index__cta-buttons{flex-direction:column;gap:15px;padding-left:15px;padding-right:15px;max-width:100%;width:100%;box-sizing:border-box}.page-index__cta-button{width:100%!important;padding:12px 25px;font-size:16px}.page-index__brand-section,.page-index__blog-section,.page-index__faq-section{padding:50px 15px}.page-index__brand-title,.page-index__blog-title,.page-index__faq-main-title{font-size:28px;margin-bottom:30px}.page-index__brand-content{grid-template-columns:1fr;gap:20px}.page-index__brand-item-title{font-size:20px}.page-index__blog-list{grid-template-columns:1fr;gap:20px}.page-index__blog-item-title{font-size:18px}details.page-index__faq-item summary.page-index__faq-question{padding:15px 20px;font-size:16px}.page-index__faq-qtext{font-size:16px}.page-index__faq-toggle{font-size:20px;width:24px;margin-left:10px}details.page-index__faq-item .page-index__faq-answer{padding:0 20px 20px;font-size:15px}.page-index img{max-width:100%!important;height:auto!important;display:block!important}.page-index__section,.page-index__card,.page-index__container{max-width:100%!important;width:100%!important;box-sizing:border-box!important;padding-left:15px;padding-right:15px}}