.home-page {
    padding: 64px 24px 48px;
    background: radial-gradient(ellipse at top, #f0e3f2, transparent 65%), #faf7fb;
    color: #38213e;
    font-family: 'Open Sans', sans-serif;
}
.home-container { max-width: 920px; margin: 0 auto; }
.home-heading { text-align: center; margin-bottom: 36px; }
.home-eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 8px 14px; border: 1px solid #e5d6e8; border-radius: 30px; color: #6b2d5c; font-size: .68rem; font-weight: 700; letter-spacing: .12em; }
.home-heading h1 { margin: 20px 0 16px; font-family: 'Montserrat', sans-serif; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; font-weight: 700; letter-spacing: -.045em; }
.home-heading p { margin: 0; color: #75657a; font-size: .95rem; line-height: 1.7; }
.home-page .button-container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.home-page .sepetiba { position: relative; display: flex; flex-direction: column; align-items: center; min-height: 320px; padding: 28px 24px 24px; overflow: hidden; isolation: isolate; border: 2px solid #dc790d; border-radius: 36px; background: linear-gradient(145deg, #ffb343, #ff8c00 75%); color: #402306; text-decoration: none; text-align: center; box-shadow: 0 8px 0 #eadde9, 0 18px 30px rgba(68,31,73,.09); transition: transform .2s ease, box-shadow .2s ease; }
.home-page .sepetiba:hover { transform: translateY(-5px); box-shadow: 0 8px 0 #e3d2e2, 0 22px 36px rgba(68,31,73,.15); }
.home-page .sepetiba:focus-visible { outline: 3px solid #6b2d5c; outline-offset: 6px; }
.home-access-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 14px; border: 1px solid rgba(96,48,0,.18); border-radius: 16px; background: rgba(255,255,255,.3); font-size: 1.2rem; }
.home-page .content { position: relative; z-index: 1; }
.home-page .content h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 2.2rem; letter-spacing: -.04em; margin: 0 0 8px; }
.home-page .content p { max-width: 260px; font-size: .85rem; line-height: 1.6; margin: 0 auto; }
.home-page .editorial { position: absolute; bottom: 0; left: 0; width: 100%; height: 140px; pointer-events: none; z-index: 0; }
.home-access-action { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: auto; padding-top: 58px; color: #fff; font-size: .85rem; font-weight: 700; }
.home-note { text-align: center; color: #75657a; font-size: .75rem; line-height: 1.7; margin: 28px 0 0; }
.home-page .parallax > use { animation: home-wave 30s linear infinite; }
.home-page .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 30s; }
.home-page .parallax > use:nth-child(2) { animation-delay: -2s; animation-duration: 40s; }
.home-page .parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 20s; }
@keyframes home-wave { from { transform: translateX(-90px); } to { transform: translateX(85px); } }
@media (max-width: 600px) {
    .home-page { padding: 36px 20px; }
    .home-heading { margin-bottom: 28px; }
    .home-page .button-container { grid-template-columns: 1fr; gap: 24px; max-width: 400px; margin: 0 auto; }
    .home-page .sepetiba { min-height: 285px; border-radius: 30px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-page .parallax > use { animation: none; }
    .home-page .sepetiba { transition: none; }
    .home-page .sepetiba:hover { transform: none; }
}