.page-about{color:#F2FFF6;background-color:#08160F;max-width:100%;overflow-x:hidden}.page-about__hero-section{background:linear-gradient(180deg,#0A4B2C 0%,#08160F 100%);padding-top:20px;padding-bottom:40px;display:flex;flex-direction:column;align-items:center}.page-about__hero-image-block{width:100%;max-width:1200px;padding:0 16px;margin:0 auto 20px}.page-about__hero-image{width:100%;height:auto;aspect-ratio:7/3;object-fit:cover;border-radius:16px;display:block;box-shadow:0 12px 30px rgba(0,0,0,0.5);border:1px solid #2E7A4E}.page-about__hero-content{max-width:1100px;text-align:center;padding:0 16px;color:#F2FFF6}.page-about__main-title{font-size:clamp(1.2rem, 3.5vw, 2.2rem);font-weight:800;line-height:1.3;letter-spacing:0.01em;color:#F2FFF6;margin-bottom:24px;text-shadow:0 2px 10px rgba(0,0,0,0.3);max-width:800px;margin-left:auto;margin-right:auto}.page-about__hero-description{font-size:clamp(0.9rem, 2vw, 1.2rem);font-weight:400;line-height:1.7;color:#A7D9B8;max-width:700px;margin:0 auto 28px}.page-about__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;box-sizing:border-box}.page-about__btn{display:inline-block;padding:16px 36px;border-radius:50px;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease;border:none;text-align:center;box-sizing:border-box;max-width:100%;overflow:hidden;white-space:normal;word-wrap:break-word}.page-about__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(87,227,141,0.4)}.page-about__btn--primary{background:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);color:#08160F}.page-about__btn--secondary{background:transparent;color:#F2FFF6;border:2px solid #11A84E}.page-about__btn--small{padding:10px 22px;font-size:14px}.page-about__btn--large{padding:18px 40px;font-size:18px}.page-about__btn--outline{background:transparent;color:#F2C14E;border:2px solid #F2C14E}.page-about__intro-section{background-color:#08160F;padding:60px 16px}.page-about__intro-inner{max-width:1100px;margin:0 auto;text-align:center}.page-about__section-title{font-size:clamp(1.3rem, 3vw, 1.8rem);font-weight:700;color:#F2FFF6;line-height:1.4;margin-bottom:20px;letter-spacing:0.02em}.page-about__section-text{font-size:clamp(0.95rem, 1.8vw, 1.1rem);line-height:1.8;color:#A7D9B8;margin:0 auto 20px;max-width:900px} .page-about__section-subtitle{font-size:clamp(0.9rem, 1.8vw, 1.1rem);color:#A7D9B8;margin-bottom:40px;text-align:center}.page-about__section-subtitle::after{content:'';display:block;width:80px;height:3px;background:linear-gradient(90deg,#2AD16F,#22C768);margin:16px auto 0;border-radius:2px}.page-about__stat-section{background-color:#0A4B2C;padding:50px 16px}.page-about__stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.page-about__stat-card{background-color:#11271B;border:1px solid #2E7A4E;border-radius:16px;padding:28px 16px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}.page-about__stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(87,227,141,0.2)}.page-about__stat-number{font-size:clamp(1.5rem, 4vw, 2.5rem);font-weight:800;color:#57E38D;margin-bottom:8px;font-family:inherit}.page-about__stat-label{color:#A7D9B8;font-size:clamp(0.85rem, 2vw, 1rem);text-transform:uppercase;letter-spacing:0.08em}.page-about__feature-section{background-color:#08160F;padding:60px 16px}.page-about__feature-inner{max-width:1200px;margin:0 auto}.page-about__feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-about__feature-card{background-color:#11271B;border:1px solid #2E7A4E;border-radius:20px;padding:32px 24px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}.page-about__feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(87,227,141,0.15)}.page-about__feature-icon{font-size:48px;margin-bottom:16px}.page-about__feature-title{font-size:clamp(1rem, 2vw, 1.3rem);font-weight:600;color:#F2FFF6;margin-bottom:12px}.page-about__feature-text{color:#A7D9B8;font-size:clamp(0.85rem, 1.6vw, 0.95rem);line-height:1.7}.page-about__game-section{background-color:#0A4B2C;padding:60px 16px}.page-about__game-inner{max-width:1200px;margin:0 auto}.page-about__game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.page-about__game-card{background-color:#11271B;border:1px solid #2E7A4E;border-radius:20px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease}.page-about__game-card:hover{transform:scale(1.02);box-shadow:0 10px 30px rgba(87,227,141,0.2)}.page-about__game-image-block{width:100%}.page-about__game-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.page-about__game-content{padding:24px}.page-about__game-title{font-size:clamp(1rem, 2.2vw, 1.4rem);font-weight:600;color:#F2FFF6;margin-bottom:12px}.page-about__game-text{color:#A7D9B8;font-size:clamp(0.85rem, 1.6vw, 0.95rem);line-height:1.7;margin-bottom:16px}.page-about__promise-section{background-color:#08160F;padding:60px 16px}.page-about__promise-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.page-about__promise-image-block{width:100%}.page-about__promise-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;display:block}.page-about__promise-content{padding:16px}.page-about__promise-title{font-size:clamp(1.1rem, 2.5vw, 1.5rem);color:#F2FFF6;margin-bottom:24px}.page-about__promise-list{list-style:none;padding:0}.page-about__promise-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;color:#A7D9B8;font-size:clamp(0.9rem, 2vw, 1rem);line-height:1.6}.page-about__promise-item::before{content:'';flex-shrink:0}.page-about__promise-icon{color:#57E38D;flex-shrink:0}.page-about__guide-section{background-color:#0A4B2C;padding:60px 16px}.page-about__guide-inner{max-width:1200px;margin:0 auto}.page-about__guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.page-about__guide-step{background-color:#11271B;border:1px solid #2E7A4E;border-radius:16px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center}.page-about__guide-figure{width:100%;margin:0 0 16px 0}.page-about__guide-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:8px}.page-about__guide-caption{display:none}.page-about__guide-title{font-size:clamp(1rem, 2vw, 1.2rem);color:#57E38D;margin-bottom:12px}.page-about__guide-text{color:#A7D9B8;font-size:clamp(0.85rem, 1.6vw, 0.95rem);line-height:1.7;margin-bottom:16px}.page-about__info-section{background-color:#08160F;padding:60px 16px}.page-about__info-inner{max-width:800px;margin:0 auto}.page-about__faq-item{background-color:#11271B;border:1px solid #2E7A4E;border-radius:12px;padding:8px 16px;color:#F2FFF6;font-size:clamp(0.95rem, 1.8vw, 1rem);margin-bottom:16px;cursor:pointer}.page-about__faq-item:last-of-type{margin-bottom:0}.page-about__faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-weight:600;color:#F2FFF6}.page-about__faq-item summary::-webkit-details-marker{display:none}.page-about__faq-question{display:flex;justify-content:space-between;align-items:center;color:#F2FFF6}.page-about__faq-toggle{color:#11A84E;font-size:24px;margin-left:16px;transition:transform 0.3s ease}.page-about__faq-item[open] .page-about__faq-toggle{transform:rotate(45deg)}.page-about__faq-answer{padding:8px 0;color:#A7D9B8;text-align:left}.page-about__faq-answer p{margin:0}.page-about__cta-section{background-color:#0A4B2C;padding:60px 16px;position:relative;overflow:hidden;border-top:1px solid #1E3A2A}.page-about__cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center, #0A4B2C 0%, #08160F 100%);opacity:0.8;pointer-events:none}.page-about__cta-inner{max-width:800px;margin:0 auto;text-align:center;color:#F2FFF6}.page-about__cta-title{font-size:clamp(1.5rem, 4vw, 2.2rem);font-weight:800;margin-bottom:20px;color:#F2FFF6;line-height:1.3;position:relative;z-index:1}.page-about__cta-text{color:#A7D9B8;font-size:clamp(1rem, 2vw, 1.1rem);margin-bottom:30px;line-height:1.7;position:relative;z-index:1}.page-about__cta-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;width:100%;position:relative;z-index:1;box-sizing:border-box}.page-about__cta-actions .page-about__btn{margin-bottom:8px}.page-about__feature-card .page-about__feature-icon{font-size:clamp(2rem, 5vw, 3rem)}img{max-width:100%;height:auto}.page-about img{max-width:100%;height:auto}@media (max-width:1024px){.page-about__stat-grid{grid-template-columns:repeat(2,1fr)}.page-about__feature-grid{grid-template-columns:repeat(2,1fr)}.page-about__promise-inner{grid-template-columns:1fr;gap:32px}.page-about__guide-steps{grid-template-columns:1fr;max-width:700px;margin-left:auto;margin-right:auto}.page-about__game-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}.page-about__logo-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.page-about__hero-section{padding-top:10px}.page-about__hero-image-block{padding:0 8px}.page-about__hero-image{aspect-ratio:2/1}.page-about__hero-image{width:100%;max-width:100%!important;height:auto!important}.page-about__hero-content{padding:0 12px}.page-about__stat-section{padding:30px 12px}.page-about__stat-grid{grid-template-columns:repeat(2,1fr)}.page-about__stat-card{padding:20px 12px}.page-about__feature-section{padding:40px 12px}.page-about__feature-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto}.page-about__game-section{padding:40px 12px}.page-about__game-grid{grid-template-columns:1fr}.page-about__game-content{padding:20px}.page-about__promise-section{padding:40px 12px}.page-about__guide-section{padding:40px 12px}.page-about__guide-image{aspect-ratio:2/1;max-width:100%;height:auto}.page-about__guide-step{width:100%;max-width:500px;margin:0 auto}.page-about__info-section{padding:40px 12px}.page-about__cta-section{padding:40px 12px}.page-about img{max-width:100%!important;height:auto!important;max-height:none!important}.page-about .page-about__feature-image,.page-about .page-about__game-image,.page-about .page-about__promise-image{max-width:100%;height:auto}.page-about__section-title,.page-about__section-subtitle,.page-about__guide-title,.page-about__stat-label{text-align:center}}