.page-index{--brand:#C91F17;--brand2:#E53935;--bg:#B71C1C;--card-bg:#D32F2F;--text:#FFF5E1;--border:#F2B544;--glow:#FFCC66;--gold:#F4D34D;--deep:#7A0E0E;background:var(--deep);color:var(--text);min-height:100vh}.page-index__hero-section{padding-top:0;margin-top:0;width:100%;overflow:hidden}.page-index__hero-container{width:100%}.page-index__hero-link{display:block;width:100%}.page-index__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block}.page-index__logo-grid-section{width:100%;padding:16px;box-sizing:border-box;background:var(--deep)}.page-index__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1200px;margin:0 auto}.page-index__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease}.page-index__logo-item:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(255,204,102,.2)}.page-index__logo-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;display:block;border-radius:6px}.page-index__logo-cta{display:inline-block;padding:10px 24px;border-radius:999px;background:linear-gradient(180deg,#FFD86A 0%,#E6B800 100%);color:#7A0E0E;font-weight:700;font-size:.95rem;text-decoration:none;line-height:1.4;white-space:nowrap;border:none;box-shadow:0 4px 14px rgba(255,216,106,.35);transition:transform .2s ease,box-shadow .2s ease}.page-index__logo-cta:hover{transform:scale(1.05);box-shadow:0 6px 18px rgba(255,216,106,.5)}.page-index__logo-item:nth-child(5){grid-column:2;grid-row:auto}.page-index__logo-item:nth-child(6){grid-column:3;grid-row:auto}.page-index__guide-section{width:100%;background:var(--bg);padding:24px 0 40px}.page-index__guide-inner{max-width:1000px;margin:0 auto;padding:0 20px;box-sizing:border-box}.page-index__guide-title{text-align:center;color:var(--gold);font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.3;font-weight:800;letter-spacing:.3px;margin:0 0 24px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.page-index__guide-intro{font-size:1rem;line-height:1.8;color:var(--text);margin:0 0 20px}.page-index__guide-intro a{color:var(--gold);text-decoration:underline}.page-index__guide-figure{margin:28px auto;text-align:center;max-width:800px}.page-index__guide-figure img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:10px;border:1px solid var(--border)}.page-index__guide-figure figcaption{font-size:.875rem;color:#ddd;margin-top:8px;font-style:italic}.page-index h2{color:var(--gold);font-size:1.3rem;line-height:1.4;font-weight:700;margin:36px 0 16px;border-left:4px solid var(--brand2);padding-left:12px}.page-index h3{color:var(--text);font-size:1.1rem;line-height:1.4;font-weight:700;margin:24px 0 12px}.page-index p{font-size:1rem;line-height:1.75;color:var(--text);margin:0 0 16px;letter-spacing:.3px}.page-index__guide-list{margin:16px 0;padding-left:0;list-style:none;text-align:left}.page-index__guide-list li{background:linear-gradient(90deg,rgba(244,211,77,.08),transparent);border-left:4px solid var(--gold);border-radius:6px;padding:10px 14px;margin-bottom:8px;line-height:1.6;font-size:.95rem}.page-index__guide-list strong{color:var(--gold)}.page-index strong b,.page-index em{color:inherit}.page-index a{color:var(--gold);text-decoration:none;border-bottom:1px solid transparent;transition:border .2s}.page-index a:hover{border-bottom-color:var(--gold)}@media (max-width:768px){.page-index__hero-image{aspect-ratio:2/1}.page-index__logo-grid{grid-template-columns:repeat(2,1fr);gap:12px}.page-index__logo-item{max-width:100%;padding:10px}.page-index__logo-item:nth-child(5),.page-index__logo-item:nth-child(6){grid-column:auto}.page-index__logo-cta{width:100%;max-width:100%;white-space:normal;word-wrap:break-word;font-size:.85rem;width:100%;max-width:100%;white-space:normal;padding:10px 6px;display:block;text-align:center;box-sizing:border-box}.page-index__guide-section{padding-top:16px}.page-index__guide-title{color:var(--gold);font-size:1.3rem}.page-index h2{font-size:1.1rem;margin:28px 0 12px}.page-index h3{font-size:.95rem;margin:20px 0 10px}.page-index p,.page-index__guide-intro{font-size:.925rem;line-height:1.65}.page-index__guide-figure img{max-width:100%!important;height:auto!important;border-radius:8px}.page-index img{max-width:100%!important;height:auto!important}.page-index .page-index__hero-image,.page-index .page-index__logo-image{max-width:100%!important;height:auto!important;width:100%}}