.page-about{background-color:#FFFFFF;color:#212529;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.7;overflow-x:hidden;width:100%;}
.page-about img{max-width:100%;height:auto;display:block;}
.page-about__hero-section{padding-top:10px;padding-bottom:40px;}
.page-about__hero-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:24px;}
.page-about__hero-image{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(38,169,224,0.18);}
.page-about__hero-img{width:100%;height:auto;border-radius:16px;object-fit:cover;}
.page-about__hero-content{width:100%;max-width:900px;}
.page-about__hero-title{font-weight:800;line-height:1.25;letter-spacing:0.2px;color:#0b3c56;margin:0 0 16px 0;}
.page-about__hero-desc{font-size:1.05rem;color:#3a4a55;margin:0 0 22px 0;max-width:780px;}
.page-about__hero-actions{display:flex;flex-wrap:wrap;gap:12px;}
.page-about__btn{display:inline-block;padding:12px 26px;border-radius:50px;font-weight:700;font-size:0.98rem;text-decoration:none;text-align:center;transition:all 0.25s ease;border:2px solid transparent;cursor:pointer;}
.page-about__btn--primary{background-color:#26A9E0;color:#FFFFFF;border-color:#26A9E0;}
.page-about__btn--primary:hover{background-color:#1c8bb9;border-color:#1c8bb9;color:#FFFFFF;}
.page-about__btn--login{background-color:#EA7C07;color:#FFFFFF;border-color:#EA7C07;}
.page-about__btn--login:hover{background-color:#c96805;border-color:#c96805;color:#FFFFFF;}
.page-about__btn--outline{background-color:transparent;color:#0b3c56;border-color:#26A9E0;}
.page-about__btn--outline:hover{background-color:#26A9E0;color:#FFFFFF;}
.page-about__section-container{width:100%;max-width:1200px;margin:0 auto;padding:56px 20px;}
.page-about__mission-section{background-color:#f4faff;}
.page-about__section-title{font-size:1.9rem;font-weight:800;color:#0b3c56;margin:0 0 22px 0;line-height:1.3;position:relative;padding-bottom:14px;}
.page-about__section-title::after{content:'';position:absolute;left:0;bottom:0;width:70px;height:4px;background-color:#26A9E0;border-radius:2px;}
.page-about__text{font-size:1.02rem;color:#37474f;margin:0 0 18px 0;}
.page-about__inline-link{color:#0b73a1;font-weight:600;text-decoration:underline;}
.page-about__inline-link:hover{color:#EA7C07;}
.page-about__mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px;}
.page-about__mission-card{background-color:#FFFFFF;border-radius:14px;padding:26px 24px;box-shadow:0 8px 24px rgba(38,169,224,0.10);border-top:4px solid #26A9E0;}
.page-about__card-title{font-size:1.16rem;font-weight:700;color:#0b3c56;margin:0 0 10px 0;}
.page-about__card-text{font-size:0.98rem;color:#4a5a63;margin:0;}
.page-about__vision-section{background-color:#FFFFFF;}
.page-about__vision-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;}
.page-about__vision-image{border-radius:16px;overflow:hidden;box-shadow:0 12px 28px rgba(38,169,224,0.16);}
.page-about__vision-img{width:100%;height:auto;border-radius:16px;object-fit:cover;}
.page-about__vision-content{width:100%;}
.page-about__values-section{background-color:#f4faff;}
.page-about__values-list{list-style:none;margin:26px 0 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.page-about__values-item{background-color:#FFFFFF;border-radius:14px;padding:24px;box-shadow:0 8px 22px rgba(38,169,224,0.10);border-left:4px solid #26A9E0;}
.page-about__games-section{background-color:#FFFFFF;}
.page-about__games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px;}
.page-about__game-card{display:flex;flex-direction:column;background-color:#FFFFFF;border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 8px 24px rgba(38,169,224,0.12);border:1px solid #e2f1fa;transition:transform 0.25s ease,box-shadow 0.25s ease;}
.page-about__game-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(38,169,224,0.22);}
.page-about__game-img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}
.page-about__game-title{font-size:1.14rem;font-weight:700;color:#0b3c56;margin:16px 20px 8px 20px;}
.page-about__game-text{font-size:0.95rem;color:#4a5a63;margin:0 20px 20px 20px;}
.page-about__security-section{background-color:#f4faff;}
.page-about__security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:26px 0 24px 0;}
.page-about__security-card{background-color:#FFFFFF;border-radius:14px;padding:24px;box-shadow:0 8px 22px rgba(38,169,224,0.10);border-top:4px solid #26A9E0;}
.page-about__promotion-section{background-color:#FFFFFF;}
.page-about__promo-list{list-style:none;margin:18px 0 22px 0;padding:0;}
.page-about__promo-item{position:relative;padding:14px 18px 14px 46px;margin-bottom:12px;background-color:#f4faff;border-radius:12px;color:#0b3c56;font-weight:600;border-left:4px solid #EA7C07;}
.page-about__promo-item::before{content:'★';position:absolute;left:18px;top:14px;color:#EA7C07;font-size:1.05rem;}
.page-about__promo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;}
.page-about__journey-section{background-color:#f4faff;}
.page-about__journey-list{margin:22px 0 24px 0;padding-left:24px;color:#37474f;}
.page-about__journey-item{margin-bottom:12px;font-size:1.02rem;}
.page-about__journey-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;}
.page-about__faq-section{background-color:#FFFFFF;}
.page-about__faq-list{display:flex;flex-direction:column;gap:16px;margin-top:24px;}
.page-about__faq-item{background-color:#f4faff;border-radius:14px;padding:22px 24px;border-left:4px solid #26A9E0;}
.page-about__faq-question{font-size:1.05rem;font-weight:700;color:#0b3c56;margin:0 0 8px 0;}
.page-about__faq-answer{font-size:0.97rem;color:#4a5a63;margin:0;}
.page-about__faq-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
@media (max-width:1024px){.page-about__mission-grid{grid-template-columns:repeat(2,1fr);}.page-about__games-grid{grid-template-columns:repeat(2,1fr);}.page-about__security-grid{grid-template-columns:1fr;}.page-about__vision-layout{grid-template-columns:1fr;gap:26px;}.page-about__values-list{grid-template-columns:1fr;}}
@media (max-width:768px){.page-about{max-width:100%;overflow-x:hidden;}
.page-about img{max-width:100% !important;height:auto !important;}
.page-about__hero-section{padding-top:10px;padding-bottom:28px;}
.page-about__hero-container{padding:0 16px;gap:18px;}
.page-about__hero-desc{font-size:0.98rem;}
.page-about__hero-actions{flex-direction:column;align-items:stretch;}
.page-about__btn{width:100%;max-width:100%;display:block;padding:13px 18px;}
.page-about__section-container{padding:38px 16px;}
.page-about__section-title{font-size:1.45rem;}
.page-about__mission-grid{grid-template-columns:1fr;gap:16px;}
.page-about__games-grid{grid-template-columns:1fr;gap:18px;}
.page-about__values-list{grid-template-columns:1fr;gap:16px;}
.page-about__security-grid{grid-template-columns:1fr;gap:16px;}
.page-about__vision-layout{grid-template-columns:1fr;gap:20px;}
.page-about__promo-actions,.page-about__journey-actions,.page-about__faq-actions{flex-direction:column;align-items:stretch;}
.page-about__faq-item{padding:18px;}
}