.page-about{color:#333}.page-about__hero-section{background:#f2f7f3;padding:10px 0 0;margin:0}.page-about__hero-image{max-width:1200px;margin:0 auto;padding:0 16px}.page-about__hero-image img{width:100%;height:auto;aspect-ratio:1200/360;object-fit:cover;border-radius:12px;display:block}.page-about__hero-content{max-width:1200px;margin:0 auto;padding:24px 16px 32px;text-align:center}.page-about__hero-title{font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:800;color:#017439;line-height:1.3;margin:0 0 12px;max-width:900px;margin-left:auto;margin-right:auto}.page-about__hero-desc{font-size:1rem;line-height:1.7;color:#333;max-width:800px;margin:0 auto 24px}.page-about__hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.page-about__btn{display:inline-block;padding:12px 24px;border-radius:999px;font-weight:700;text-decoration:none;font-size:1rem;line-height:1.2;text-align:center;cursor:pointer;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-about__btn--register{background:#C30808;color:#FFFF00}.page-about__btn--login{background:#FFFFFF;color:#C30808;border:2px solid #C30808}.page-about__btn--download{background:linear-gradient(135deg,#017439,#013d1c);color:#fff;border:2px solid #017439}.page-about__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.page-about__intro{max-width:1200px;margin:0 auto;padding:32px 16px}.page-about__intro-title{font-size:1.6rem;font-weight:800;color:#017439;text-align:center;margin:0 0 16px}.page-about__intro-text{font-size:1rem;line-height:1.8;color:#333;max-width:900px;margin:0 auto;text-align:center}.page-about__highlights{background:#fff;max-width:1200px;margin:0 auto;padding:24px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-about__highlight-item{background:#f2f7f3;border-radius:12px;padding:16px;border:1px solid #e0e8e2;max-width:100%;overflow:hidden}.page-about__highlight-img{width:100%;height:auto;aspect-ratio:400/250;object-fit:cover;border-radius:8px;margin-bottom:12px;display:block}.page-about__highlight-title{font-size:1.15rem;font-weight:700;color:#017439;margin:0 0 8px}.page-about__highlight-desc{font-size:.95rem;line-height:1.6;color:#333;margin:0}.page-about__games{background:#f9fbf9;padding:48px 16px}.page-about__games-title{font-size:1.6rem;font-weight:800;color:#017439;text-align:center;margin:0 0 32px}.page-about__games-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-about__game-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 12px rgba(0,0,0,.05);border:1px solid #eee;max-width:100%;overflow:hidden}.page-about__game-link{text-decoration:none;color:inherit}.page-about__game-img{width:100%;height:auto;aspect-ratio:400/250;object-fit:cover;border-radius:8px;display:block}.page-about__game-name{font-size:1.1rem;font-weight:700;color:#017439;margin:12px 0 0;text-align:center}.page-about__cta{background:linear-gradient(135deg,#017439 0%,#013d1c 100%);padding:48px 16px}.page-about__cta-content{max-width:800px;margin:0 auto;text-align:center}.page-about__cta-title{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;color:#fff;margin:0 0 12px}.page-about__cta-desc{font-size:1rem;line-height:1.7;color:#e8f5ef;margin:0 0 24px}.page-about__cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.page-about__commitments{max-width:1200px;margin:0 auto;padding:48px 16px 32px}.page-about__commitments-title{font-size:1.6rem;font-weight:800;color:#017439;text-align:center;margin:0 0 32px}.page-about__commitments-list{list-style:none;margin:0 0 24px;padding:0;max-width:900px;margin-left:auto;margin-right:auto}.page-about__commitments-item{position:relative;padding:12px 0 12px 28px;font-size:1rem;line-height:1.7;color:#333;border-bottom:1px solid #eee}.page-about__commitments-item::before{content:"";position:absolute;left:0;top:21px;width:14px;height:14px;background:#017439;border-radius:50%}.page-about__commitments-item strong{color:#017439}.page-about__commitments-note{background:#f2f7f3;border-left:4px solid #017439;padding:16px 20px;border-radius:0 8px 8px 0;max-width:900px;margin:0 auto}.page-about__commitments-note p{margin:0;font-size:.95rem;line-height:1.6;color:#333}.page-about__guide{background:#f9fbf9;padding:48px 16px}.page-about__guide-inner{max-width:1200px;margin:0 auto}.page-about__guide-title{font-size:1.6rem;font-weight:800;color:#017439;text-align:center;margin:0 0 8px}.page-about__guide-sub{text-align:center;color:#333;max-width:700px;margin:0 auto 32px;font-size:1rem}.page-about__guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-about__guide-step{background:#fff;border-radius:12px;padding:20px;border:1px solid #eee;box-shadow:0 2px 8px rgba(0,0,0,.04);max-width:100%;overflow:hidden}.page-about__guide-img{width:100%;height:auto;aspect-ratio:400/225;object-fit:cover;border-radius:8px;margin-bottom:12px;display:block}.page-about__guide-step-title{font-size:1.1rem;font-weight:700;color:#017439;margin:0 0 8px}.page-about__guide-step-desc{font-size:.95rem;line-height:1.6;color:#333;margin:0}.page-about__guide-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px;width:100%;max-width:100%;box-sizing:border-box}.page-about__faq{max-width:900px;margin:0 auto;padding:48px 16px}.page-about__faq-title{font-size:1.6rem;font-weight:800;color:#017439;text-align:center;margin:0 0 24px}.page-about__faq-item{background:#fff;border:1px solid #e0e8e2;border-radius:12px;padding:16px 20px;margin-bottom:12px}.page-about__faq-item summary{cursor:pointer;font-weight:700;font-size:1.05rem;color:#017439;list-style:none;display:flex;justify-content:space-between;align-items:center}.page-about__faq-item summary:hover{color:#013d1c}.page-about__faq-item summary::after{content:'+';font-size:1.6rem;font-weight:400;color:#017439}.page-about__faq-item[open] summary::after{content:'-'}.page-about__faq-item p{padding-top:12px;margin:0;color:#333;line-height:1.7;font-size:.95rem}.page-about__faq-item a{color:#017439;text-decoration:underline}@media (max-width:768px){.page-about__hero-image img{aspect-ratio:2/1}.page-about__hero-content{padding:16px 16px 24px}.page-about__hero-actions{flex-direction:row}.page-about__btn{width:auto;min-width:140px;padding:10px 18px;font-size:.9rem}.page-about__highlights{grid-template-columns:1fr;padding:16px 16px}.page-about__games{padding:32px 16px}.page-about__games-grid{grid-template-columns:1fr}.page-about__cta{padding:32px 16px}.page-about__cta-actions{flex-direction:row}.page-about__commitments{padding:32px 16px 24px}.page-about__guide{padding:32px 16px}.page-about__guide-steps{grid-template-columns:1fr}.page-about__guide-actions{flex-direction:row}.page-about__faq{padding:32px 16px}.page-about img{max-width:100%!important;height:auto!important}.page-about .page-about__btn{max-width:100%!important;box-sizing:border-box!important;white-space:normal!important;word-wrap:break-word!important}}