.page-about__hero-image{width:100%;padding-top:0;margin-top:0}
.page-about__hero-image-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.page-about__hero-img{display:block;width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover;border-radius:20px}
.page-about__content{max-width:1200px;margin:0 auto;padding:16px 16px 0}
.page-about__title{color:#333333;font-size:clamp(1.6rem, 3vw, 2.5rem);font-weight:800;line-height:1.3;margin:16px 0 8px;padding-top:16px}
.page-about__subtitle{color:#333333;font-size:clamp(1rem, 1.5vw, 1.15rem);line-height:1.75;margin:8px 0 16px}
.page-about__hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.page-about__btn{display:inline-block;padding:14px 32px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;transition:opacity 0.2s ease;line-height:1.2;white-space:normal;word-wrap:break-word;max-width:100%;border:2px solid transparent}
.page-about__btn--login{background:#EA7C07;color:#ffffff}
.page-about__btn--login:hover{background:#d46e05;color:#ffffff}
.page-about__btn--register{background:#ffffff;color:#0477db;border-color:#0477db}
.page-about__btn--register:hover{background:#e8f4fd;color:#0477db}
.page-about__btn:hover{opacity:0.9}
.page-about__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 24px;justify-items:center;max-width:1200px;margin:16px auto;padding:24px 16px 0}
.page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%;background:#ffffff;border-radius:16px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.page-about__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain}
.page-about__logo-text{color:#333333;font-weight:700;font-size:0.9rem;line-height:1.4;text-align:center;margin:0}
.page-about__logo-cta{padding:10px 22px;border-radius:999px;background:#0477db;color:#ffffff;font-weight:700;font-size:0.9rem;text-decoration:none;line-height:1.2;display:inline-block;max-width:100%;text-align:center}
.page-about__logo-cta:hover{background:#0066c2;color:#ffffff}
.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:#ffffff}
.page-about__guide-inner{max-width:1000px;margin:0 auto;padding:32px 16px 48px}
.page-about__guide-title{text-align:center;color:#0477db;font-size:clamp(1.5rem, 2.5vw, 2rem);margin:0 0 16px}
.page-about__guide-steps{display:flex;flex-direction:column;align-items:center;gap:16px}
.page-about__guide-figure{width:100%;max-width:800px;margin:0}
.page-about__guide-img{width:100%;height:auto;aspect-ratio:800/400;object-fit:cover;border-radius:12px}
.page-about__guide-figcaption{font-weight:700;color:#0477db;margin-top:12px;font-size:1.1rem}
.page-about__guide-text{color:#333333;line-height:1.8;font-size:1rem;max-width:700px;text-align:center;margin:0 0 16px}
.page-about__guide-cta{display:inline-block;width:auto;padding:12px 28px;border-radius:999px;background:#0477db;color:#ffffff;font-weight:700;text-decoration:none;text-align:center;line-height:1.2;max-width:100%;white-space:normal}
.page-about__guide-cta:hover{background:#0066c2;color:#ffffff}
.page-about__description-section{background:#f5f5f5}
.page-about__description-inner{max-width:900px;margin:0 auto;padding:48px 16px}
.page-about__description-title{color:#0477db;margin:24px 0 12px;font-size:1.5rem;line-height:1.4}
.page-about__description-text{color:#333333;line-height:1.8;font-size:1rem}
.page-about__description-list{color:#333333;padding-left:20px}
.page-about__description-item{margin-bottom:12px;line-height:1.7;font-size:1rem}
.page-about__faq-section{max-width:900px;margin:0 auto;padding:48px 16px}
.page-about__faq-title{color:#0477db;text-align:center;margin:0 0 24px;font-size:clamp(1.4rem, 2vw, 1.8rem);line-height:1.4}
.page-about__faq-item{background:#ffffff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:12px}
.page-about__faq-question{background:#ffffff;padding:16px 20px;border-radius:12px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:700;color:#333333;font-size:1rem;width:100%;box-sizing:border-box}
.page-about__faq-question::-webkit-details-marker{display:none}
.page-about__faq-question:hover{background:#e8f4fd}
.page-about__faq-icon{color:#0477db;font-size:1.5rem;font-weight:700;min-width:24px;text-align:center;flex-shrink:0;margin-left:12px}
.page-about__faq-answer{color:#333333;padding:0 20px 16px;line-height:1.7;border-top:1px solid #e0e0e0;padding-top:12px;margin-top:0;font-size:1rem}
.page-about__cta-section{background:#26A9E0;padding:32px 16px 64px;text-align:center}
.page-about__cta-title{color:#ffffff;margin:0 0 12px;font-size:clamp(1.5rem, 2.5vw, 2rem);line-height:1.4}
.page-about__cta-text{color:#ffffff;max-width:700px;margin:0 auto 24px;line-height:1.8;font-size:1.05rem}
.page-about__cta-link{display:inline-block;width:auto;padding:14px 40px;border-radius:999px;background:#EA7C07;color:#ffffff;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;line-height:1.2;max-width:100%;white-space:normal}
.page-about__cta-link:hover{background:#d46e05;color:#ffffff}
@media (max-width: 1024px){
  .page-about__logo-grid{grid-template-columns:repeat(2,1fr)}
  .page-about__logo-item:nth-child(5){grid-column:1}
  .page-about__logo-item:nth-child(6){grid-column:2}
}
@media (max-width: 768px){
  .page-about__hero-image{padding-top:0}
  .page-about__hero-img{aspect-ratio:2/1}
  .page-about__title{padding-top:8px}
  .page-about__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
  .page-about__hero-cta{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;flex-direction:column}
  .page-about__btn--login{margin-bottom:0}
  .page-about__logo-grid{grid-template-columns:repeat(2,1fr)}
  .page-about__logo-item:nth-child(5),.page-about__logo-item:nth-child(6){grid-column:auto}
  .page-about__logo-cta,.page-about__guide-cta,.page-about__cta-link{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
  .page-about__guide-figure img{aspect-ratio:2/1}
  .page-about img{max-width:100% !important;height:auto !important}
  .page-about__content, .page-about__description-inner, .page-about__faq-section, .page-about__logo-grid, .page-about__guide-inner, .page-about__hero-image-wrapper{padding-left:12px;padding-right:12px;overflow-x:hidden}
  .page-about{max-width:100%;overflow-x:hidden}
  .page-about__faq-question{font-size:0.95rem;padding:14px 16px}
  .page-about__faq-answer{font-size:0.95rem}
}