.benefits-page,.benefits-page .page-header{background:var(--surface-01)}.benefits-page .page-header{display:flex;align-items:center;justify-content:flex-start;padding:20px 20px 16px;border-bottom:none;position:relative}.benefits-page .page-header-title{font-size:22px;font-weight:700;color:var(--gray-01);margin:0}.benefits-page .content-wrapper{padding:0;background:var(--surface-01)}.banner-section{padding:0 20px 16px;background:var(--surface-01)}.banner-swiper{position:relative;overflow:hidden;border-radius:16px}.banner-track{display:flex;transition:transform .5s ease}.banner-slide{flex-shrink:0;width:100%;aspect-ratio:16/7;border-radius:16px;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:16px;text-align:center;padding:20px}.banner-slide.fee-coupon{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.banner-slide.saju-banner{background:#e8f4fc;padding:0;aspect-ratio:auto}.banner-slide.saju-banner img{width:100%;height:auto;display:block;border-radius:16px}.banner-pagination{display:flex;justify-content:center;gap:6px;margin-top:12px}.pagination-dot{width:6px;height:6px;border-radius:50%;background:var(--gray-06);transition:all .3s;cursor:pointer}.pagination-dot.active{background:var(--gray-01)}.menu-section{background:var(--surface-01);padding-top:8px}.menu-section-title{padding:16px 20px 8px;font-size:13px;font-weight:500;color:var(--gray-04)}.menu-list{display:flex;flex-direction:column}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--surface-01);text-decoration:none;color:var(--gray-01);transition:background .2s;border:none}.menu-item:hover{background:var(--surface-02)}.menu-item-content{display:flex;flex-direction:column;gap:4px}.menu-item-text{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:400;color:var(--gray-01)}.menu-item-subtext{font-size:13px;color:#f7931a;font-weight:500}.menu-item-arrow{width:20px;height:20px;color:var(--gray-05);flex-shrink:0}.menu-item-arrow svg{width:100%;height:100%;fill:currentColor}.badge-new{display:inline-flex;align-items:center;padding:2px 6px;font-size:11px;font-weight:600;color:#f7931a;background:transparent;border-radius:4px;margin-left:4px}.badge-cyan{color:#00b8d9}.menu-item-highlight{background:linear-gradient(135deg,#fff8f0,#fff5eb);border-left:3px solid #f7931a}.menu-item-highlight .menu-item-text{color:#f7931a;font-weight:500}.menu-item-highlight:hover{background:linear-gradient(135deg,#fff5eb,#ffefe0)}.menu-sub-banner{display:flex;align-items:center;justify-content:space-between;margin:8px 20px 16px;padding:16px;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border-radius:12px;text-decoration:none;color:var(--gray-01)}.menu-sub-banner-text{font-size:14px;line-height:1.5}.menu-sub-banner-text strong{color:#4880ee}.menu-sub-banner-arrow{width:20px;height:20px;color:var(--gray-04)}.menu-sub-banner-arrow svg{width:100%;height:100%;fill:currentColor}.footer-spacer{height:40px}.transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:white;z-index:99999;display:none;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:30%;border-radius:24px}.transition-overlay.active{display:flex}.transition-overlay.fade-out{animation:fadeOut .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeOut{to{opacity:0}}.transition-content{text-align:center;opacity:0;transform:translateY(20px)}.transition-overlay.active .transition-content{animation:fadeInUp .6s cubic-bezier(.22,1,.36,1) .1s forwards}.transition-logo{width:72px;height:72px;margin:0 auto 24px;filter:drop-shadow(0 4px 12px rgba(87,94,141,.2))}.transition-text{font-size:20px;font-weight:600;color:#1F2024;letter-spacing:-.5px;margin-bottom:8px}.transition-subtext{font-size:14px;color:#818C9A;opacity:0}.transition-overlay.active .transition-subtext,.transition-subtext{animation:fadeInUpDelayed .5s cubic-bezier(.22,1,.36,1) .4s forwards}@keyframes fadeInUpDelayed{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}