.page-about{background:#08160F;color:#F2FFF6;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page-about__container{max-width:1200px;margin:0 auto;padding:20px 24px}.page-about__container--wide{max-width:1200px}.page-about__hero-section{background:linear-gradient(180deg,#0A4B2C 0%,#08160F 100%);padding:10px 24px 26px}.page-about__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.5)}.page-about__hero-image{width:100%;height:auto;aspect-ratio:1200/675;object-fit:cover;display:block;border-radius:20px}.page-about__hero-content{max-width:980px;margin:22px auto 0;text-align:center;color:#F2FFF6}.page-about__hero-title{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:800;line-height:1.25;letter-spacing:0.02em;margin:0 0 18px;color:#F2FFF6;max-width:900px;margin-left:auto;margin-right:auto}.page-about__hero-desc{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;color:#A7D9B8;max-width:620px;margin:0 auto 20px}.page-about__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.page-about__btn{display:inline-block;padding:13px 28px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;font-weight:600;letter-spacing:0.3px;transition:transform .2s ease,box-shadow .2s ease}.page-about__btn--primary{background:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);color:#0A1A10;box-shadow:0 8px 24px rgba(18,201,115,0.3)}.page-about__btn--primary:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(18,201,115,0.45)}.page-about__btn--secondary{background:transparent;color:#F2FFF6;border:2px solid #2E7A4E;padding:11px 26px}.page-about__btn--secondary:hover{background:#0A4B2C;border-color:#57E38D;transform:translateY(-3px)}.page-about__intro-section{background:#08160F;padding:20px 0}.page-about__section-title{font-size:clamp(1.2rem,3vw,1.8rem);text-align:center;font-weight:700;color:#F2FFF6;margin:0 0 24px}.page-about__intro-paragraph{max-width:920px;margin:0 auto 16px;line-height:1.7;color:#D0DDE7;font-size:1rem}.page-about__logo-grid-section{background:#0A1F16;padding:20px 24px 24px}.page-about__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1200px;margin:16px auto 0}.page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%;padding:16px;background:#11271B;border-radius:18px;border:1px solid #1E3A2A}.page-about__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;display:block;border-radius:10px}.page-about__logo-cta{padding:8px 20px;border-radius:999px;background:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);color:#0A1A10;font-weight:600;text-decoration:none;font-size:0.9rem}.page-about__logo-cta:hover{box-shadow:0 4px 14px rgba(18,201,115,0.5)}.page-about__logo-item:nth-child(5){grid-column:2}.page-about__logo-item:nth-child(6){grid-column:3}.page-about__guide-section{background:#08160F;padding:20px 24px 60px}.page-about__guide-inner{max-width:1000px;margin:0 auto;padding:16px 0}.page-about__guide-title{text-align:center;color:#F2FFF6;font-size:clamp(1.3rem,3vw,1.9rem);font-weight:800;margin:0 0 30px}.page-about__guide-item{background:#11271B;border:1px solid #1E3A2A;border-radius:20px;padding:20px;margin-bottom:28px}.page-about__guide-media{overflow:hidden;border-radius:14px;margin-bottom:16px}.page-about__guide-image{width:100%;max-width:800px;height:auto;aspect-ratio:2/1;object-fit:cover;display:block;margin:0 auto}.page-about__guide-subtitle{color:#F2FFF6;font-size:1.3rem;font-weight:700;margin:18px 0 12px}.page-about__guide-paragraph{color:#D0DDE7;line-height:1.7;margin-bottom:14px}.page-about__guide-cta{text-align:center;margin-top:30px}.page-about__faq-section{margin-top:30px;background:#0A1F16;padding:20px;border-radius:16px}.page-about__faq-item{border-bottom:1px solid #1E3A2A;background:#11271B;border-radius:12px;margin-bottom:8px;overflow:hidden}.page-about__faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;font-weight:600;background:#11271B;color:#F2FFF6}.page-about__faq-item summary::-webkit-details-marker{display:none}.page-about__faq-question{flex:1;font-size:1rem}.page-about__faq-icon-slot{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.page-about__faq-icon{display:inline-block;background:#11A84E;color:#FFFFFF;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;font-weight:bold}.page-about__faq-answer{padding:0 20px 16px;color:#A7D9B8;line-height:1.65;font-size:0.95rem;background:#0A1F16}.page-about__guided-game-mobile{margin:20px 0;width:100%;position:relative;overflow:hidden;padding-top:56.25%}.page-about__guided-game-mobile iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.page-about__note{font-size:0.85rem;color:#7aa78e;text-align:right;padding:10px}.page-about__footer-legal{margin:0}.page-about__bottom-cta-section{text-align:center;padding:30px 16px;max-width:660px;margin:0 auto}.page-about__bottom-cta-title{font-size:1.6rem;font-weight:800;color:#F2FFF6}.page-about__bottom-cta-desc{color:#A7D9B8;margin-bottom:28px}.page-about__cta-button-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}@media(max-width:768px){.page-about__hero-section{padding:0 14px 16px}.page-about__hero-image{aspect-ratio:4/3}.page-about__hero-content{text-align:center}.page-about__hero-actions{flex-direction:column}.page-about__btn,.page-about__btn--primary,.page-about__btn--secondary{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}.page-about__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}.page-about__logo-item:nth-child(5),.page-about__logo-item:nth-child(6){grid-column:auto}.page-about__guide-section{padding:16px 12px 40px}.page-about__guide-title{font-size:1.3rem}.page-about__guide-item{padding:12px}.page-about__guide-media{width:100%}.page-about img{max-width:100%!important;height:auto!important}.page-about__bottom-cta-section{padding:20px 12px}}@media(max-width:1024px){.page-about__logo-grid{grid-template-columns:repeat(3,1fr)}.page-about__logo-item:nth-child(5),.page-about__logo-item:nth-child(6){grid-column:auto}}