/* trangchu-goc.css — CSS trang chủ trích nguyên văn từ Web/index.php.
   Giữ nguyên tên lớp để HTML bên MHTravel dùng lại được y hệt.
   Màu thương hiệu đổi qua biến ở cuối file, không sửa từng luật. */

/* Biến màu — bản gốc Ái Vân dùng navy + vàng; MH Travel dùng navy + ĐỎ.
   Đổi ở đây một chỗ thay vì sửa rải rác trong từng luật. */
:root{
  --navy:#1e3a5f;
  --gold:#e84038;        /* điểm nhấn: đỏ MH Travel thay vàng Ái Vân */
  --gold-dam:#c9312a;
  --nen-nhat:#f8fafc;
  --accent:#e84038;      /* bản gốc là vàng #c9a961 của Ái Vân */
}

.hi-box {
            display: grid;
            grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
            gap: 34px;
            align-items: center;
            max-width: 1120px;
            margin: 34px auto 40px;
            padding: 30px 34px;
            background: linear-gradient(135deg, #fbfcfd 0%, #f6f8fb 100%);
            border: 1px solid #e4e9ef;
            border-left: 4px solid var(--accent);
            border-radius: 16px;
        }
.hi-eyebrow {
            font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
            color: #8a6a17; margin-bottom: 10px;
        }
.hi-title {
            font-size: 25px; font-weight: 800; line-height: 1.3; color: var(--navy);
            margin: 0 0 12px; letter-spacing: -.2px;
        }
.hi-desc { font-size: 16px; line-height: 1.85; color: #465563; margin: 0 0 20px; }
.hi-desc strong { color: var(--navy); }
.hi-desc a { color: #0e6fb8; font-weight: 700; text-decoration: none; }
.hi-desc a:hover { text-decoration: underline; }
.hi-cta { display: flex; flex-wrap: wrap; align-items: stretch; gap: 11px; }
.hi-cta .hi-btn { display: inline-flex; align-items: center; }
.hi-btn {
            display: inline-block; padding: 12px 22px; border-radius: 10px;
            font-size: 14.5px; font-weight: 800; text-decoration: none; white-space: nowrap;
            transition: transform .15s, box-shadow .15s;
        }
.hi-btn--gold { background: var(--accent); color: #12283f; box-shadow: 0 3px 12px rgba(201,169,97,.34); }
.hi-btn--line { background: #fff; color: var(--navy); border: 1.5px solid #d6dde6; }
.hi-btn:hover { transform: translateY(-1px); }
.hi-btn--gold:hover { box-shadow: 0 5px 16px rgba(201,169,97,.44); }
.hi-stats {
            display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
        }
.hi-stat {
            background: #fff; border: 1px solid #e4e9ef; border-radius: 12px;
            padding: 16px 14px; text-align: center;
        }
.hi-num {
            display: block; font-size: 27px; font-weight: 900; color: var(--navy); line-height: 1.1;
        }
.hi-num small { font-size: 14px; font-weight: 700; margin-left: 3px; color: #6b7a89; }
.hi-lab {
            display: block; margin-top: 5px; font-size: 11.5px; font-weight: 700;
            letter-spacing: .05em; text-transform: uppercase; color: #7b8a99;
        }
.section-title {
            font-size: 36px;
            font-weight: 900;
            color: var(--navy);
            margin-bottom: 10px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
.section-subtitle {
            font-size: 14px;
            color:#8a6a17;
            margin-bottom: 40px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
.pankhu-section {
            margin: 48px 0;
            background: linear-gradient(135deg, #eef5f8 0%, #f5f9fb 100%);
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 24px rgba(30,58,95,0.08);
        }
.pankhu-tabs-wrapper {
            background: var(--navy);
            padding: 0 24px;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }
.pankhu-tabs-wrapper::-webkit-scrollbar { display: none; }
.pankhu-tabs {
            display: flex;
            min-width: max-content;
        }
.pankhu-tab {
            padding: 14px 18px 12px;
            color: rgba(255,255,255,0.55);
            cursor: pointer;
            border-bottom: 3px solid transparent;
            transition: all 0.2s;
            white-space: nowrap;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            user-select: none;
        }
.pankhu-tab .tab-icon { display:flex; align-items:center; justify-content:center; width:26px; height:26px; transition:transform 0.2s; }
.pankhu-tab .tab-icon svg { width:22px; height:22px; flex-shrink:0; }
.pankhu-tab .tab-name { font-size: 11.5px; font-weight: 600; letter-spacing: 0.3px; }
.pankhu-tab:hover { color: rgba(255,255,255,0.9); background: rgba(255,255,255,0.07); }
.pankhu-tab:hover .tab-icon { transform: scale(1.15) translateY(-2px); }
.pankhu-tab.active {
            color: #c9a961;
            border-bottom: 3px solid #c9a961;
            background: rgba(201,169,97,0.12);
        }
.pankhu-tab.active .tab-icon { transform: scale(1.1) translateY(-2px); }
.pankhu-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 44px;
            align-items: center;
            padding: 36px 44px;
        }
.pankhu-image {
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 8px 28px rgba(0,0,0,0.16);
        }
.pankhu-image img {
            width: 100%;
            height: auto;
            display: block;
            transition: opacity 0.3s;
        }
.registration-section {
            background: linear-gradient(135deg, rgba(13, 122, 126, 0.8) 0%, rgba(30, 58, 95, 0.8) 100%),
                        url('banner-home.png');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 40px 20px;
            border-radius: 12px;
            margin: 40px 0;
        }
.registration-content {
            max-width: 900px;
            margin: 0 auto;
        }
.registration-title {
            font-size: 32px;
            font-weight: 900;
            margin-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-align: center;
        }
.registration-subtitle {
            font-size: 16px;
            line-height: 2;
            margin-bottom: 30px;
            text-align: center;
        }
.registration-subtitle strong {
            font-weight: 900;
            color: #ffc107;
            animation: blink 1.5s infinite;
        }
.registration-form {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }
.registration-inputs {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 16px;
        }
.location-section {
            padding: 20px 0 0;
            overflow: hidden;
        }
.location-section-head {
            text-align: center;
            margin-bottom: 24px;
        }
.location-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: var(--accent);
            margin-bottom: 10px;
        }
.location-eyebrow::before,
        .location-eyebrow::after {
            content: '';
            display: block;
            width: 28px; height: 1px;
            background: var(--accent); opacity: 0.7;
        }
.location-map-wrap {
            position: relative;
            width: 100%;
            overflow: hidden;
            font-size: 0;
            line-height: 0;
            background: linear-gradient(120deg, #d6ccb0 0%, #e8dfc6 38%, #5ba8d4 58%, #2678a8 100%);
        }
.location-map-bg {
            width: 100%;
            height: auto;
            display: block;
            max-height: 620px;
            object-fit: cover;
            object-position: center top;
        }
.location-map-bg {
            display: block;
            opacity: 0;
            transition: opacity 1s ease;
        }
.location-map-bg.is-visible { opacity: 1; }
.location-cards {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            background: var(--navy);
        }
.loc-card {
            padding: 20px 20px;
            display: flex; align-items: center; gap: 13px;
            border-right: 1px solid rgba(255,255,255,0.08);
            opacity: 0;
            transform: translateY(14px);
            transition: opacity 0.5s ease var(--lc-delay, 0s), transform 0.5s ease var(--lc-delay, 0s);
        }
.loc-card.is-shown { opacity: 1; transform: translateY(0); }
.loc-card:last-child { border-right: none; }
.loc-card-icon {
            width: 42px; height: 42px;
            background: rgba(201,169,97,0.15);
            border: 1px solid rgba(201,169,97,0.3);
            border-radius: 11px;
            display: flex; align-items: center; justify-content: center;
            font-size: 19px; flex-shrink: 0;
        }
.loc-card-label { font-size: 9.5px; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.loc-card-value { font-size: 15px; font-weight: 900; color: #e8d08a; }
.loc-card-sub { font-size: 10.5px; color: rgba(255,255,255,0.6); margin-top: 2px; line-height: 1.3; }
@media (max-width: 900px) {
.location-map-bg { max-height: 420px; }
.location-cards { grid-template-columns: repeat(2,1fr); }
.loc-card:nth-child(2) { border-right: none; }
}
@media (max-width: 600px) {
.location-section { padding: 40px 0 0; }
.location-map-bg { max-height: 260px; }
.location-cards { grid-template-columns: repeat(2,1fr); }
.loc-card { padding: 14px 14px; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); }
.loc-card:nth-child(1), .loc-card:nth-child(3) { border-right: 1px solid rgba(255,255,255,0.08); }
.loc-card:nth-child(3), .loc-card:nth-child(4) { border-bottom: none; }
.loc-card-value { font-size: 14px; }
.loc-card-icon { width: 36px; height: 36px; font-size: 16px; }
}
@media (max-width: 900px) {
.pankhu-content { grid-template-columns: 1fr; gap: 24px; padding: 32px 24px; }
.pankhu-image { order: -1; }
.registration-form { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
.section-title { font-size: 24px; }
.hi-box { grid-template-columns: 1fr; gap: 22px; padding: 22px 20px; margin: 24px auto 30px; border-radius: 14px; }
.hi-title { font-size: 21px; }
.hi-desc { font-size: 15px; line-height: 1.8; }
.hi-btn { padding: 11px 18px; font-size: 14px; }
.hi-stat { padding: 13px 10px; }
.hi-num { font-size: 23px; }
.hi-lab { font-size: 10.5px; }
.pankhu-tab { padding: 12px 13px 10px; }
.pankhu-tab .tab-name { font-size: 11px; }
.registration-section { padding: 40px 20px; }
.registration-title { font-size: 24px; }
.registration-subtitle { font-size: 13px; }
}
.eip-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(4,12,34,.78);
        z-index: 9998;
        align-items: center;
        justify-content: center;
        padding: 20px;
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }
.eip-overlay.show { display: flex; }
.eip-card {
        background: #fff;
        border-radius: 18px;
        padding: 36px 32px 28px;
        max-width: 440px;
        width: 100%;
        position: relative;
        animation: eipIn .4s cubic-bezier(.34,1.3,.64,1);
        box-shadow: 0 28px 64px rgba(0,0,0,.4);
    }
.eip-close {
        position: absolute;
        top: 14px; right: 16px;
        background: #f5f1ed;
        border: none;
        cursor: pointer;
        color: #888;
        font-size: 16px;
        width: 30px; height: 30px;
        border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        transition: all .2s;
        line-height: 1;
    }
.eip-close:hover { background: #1e3a5f; color: #fff; }
.eip-badge {
        display: inline-block;
        background: linear-gradient(135deg, #c9a961, #e8d08a);
        color: #1e3a5f;
        font-size: 10.5px;
        font-weight: 800;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        padding: 5px 14px;
        border-radius: 20px;
        margin-bottom: 14px;
    }
.eip-title {
        font-size: 22px;
        font-weight: 900;
        color: #1e3a5f;
        margin: 0 0 10px;
        line-height: 1.25;
        padding-right: 24px;
    }
.eip-desc {
        font-size: 14px;
        color: #555;
        line-height: 1.75;
        margin: 0 0 18px;
    }
.eip-desc strong { color: #1e3a5f; }
.eip-gifts {
        display: flex;
        gap: 8px;
        margin-bottom: 20px;
    }
.eip-gift {
        flex: 1;
        background: #f5f1ed;
        border-radius: 10px;
        padding: 10px 6px;
        text-align: center;
        font-size: 11px;
        font-weight: 700;
        color: #1e3a5f;
        line-height: 1.4;
        border: 1px solid #e8ddd4;
    }
.eip-gift em { display: block; font-style: normal; font-size: 20px; margin-bottom: 5px; }
.eip-form { display: flex; flex-direction: column; gap: 10px; }
.eip-form input {
        border: 1.5px solid #e0d8d0;
        border-radius: 8px;
        padding: 13px 14px;
        font-size: 14px;
        color: #1a1a1a;
        outline: none;
        transition: border-color .2s;
        font-family: inherit;
        width: 100%;
    }
.eip-form input:focus { border-color: #c9a961; box-shadow: 0 0 0 3px rgba(201,169,97,.15); }
.eip-submit {
        background: linear-gradient(135deg, #1e3a5f, #2a6080);
        color: #fff;
        border: none;
        border-radius: 8px;
        padding: 14px;
        font-size: 15px;
        font-weight: 800;
        cursor: pointer;
        transition: all .25s;
        letter-spacing: .5px;
        font-family: inherit;
    }
.eip-submit:hover {
        background: linear-gradient(135deg, #0f2a42, #1e3a5f);
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(30,58,95,.38);
    }
.eip-footer {
        font-size: 12.5px;
        color: #999;
        text-align: center;
        margin: 14px 0 0;
    }
.eip-footer a { color:#8a6a17; font-weight: 700; text-decoration: none; }
.eip-footer a:hover { text-decoration: underline; }
.eip-success {
        text-align: center;
        font-size: 15px;
        line-height: 1.85;
        color: #1e3a5f;
        padding: 24px 8px;
    }
.eip-success-icon {
        font-size: 48px;
        display: block;
        margin-bottom: 12px;
    }
@media (max-width: 480px) {
.eip-card { padding: 28px 20px 22px; border-radius: 14px; }
.eip-title { font-size: 19px; }
.eip-gifts { gap: 6px; }
.eip-gift { font-size: 10.5px; padding: 8px 4px; }
}
html body .section-subtitle,html body .location-eyebrow,html body a.see-more-link,
html body a.news-card-link,html body a[href*="news-detail"],html body #duPrice,html body .du-price,
html body .vid-meta span,html body .vm-section-lbl,html body .vm-btn-detail,
html body .pv-section-lbl,html body .pv-btn-detail,html body .am-eyebrow-row,
html body .kgfp-type.active {color:#8a6a12!important;-webkit-text-fill-color:#8a6a12!important}
html body .pankhu-tab.active .tab-name {color:#e6c77e!important;-webkit-text-fill-color:#e6c77e!important}
html body .pc-avail-text,html body .hot-card-legal {color:#0f7a41!important;-webkit-text-fill-color:#0f7a41!important}
html body .hot-eyebrow,html body #hotUpdateDate,html body .hot-card-note,html body #duHot {color:#b71c1c!important;-webkit-text-fill-color:#b71c1c!important}
html body .hot-subtitle,html body .hot-card-area,html body .vm-area,html body .vid-loc,
html body .news-card-date,html body .home-faq-sub {color:#5c5c5c!important;-webkit-text-fill-color:#5c5c5c!important}
html body .hot-card-badge {background:#c62828!important}
.hot-card-upd {margin:3px 0 2px}
.hot-section {margin:52px 0 0;padding:0}
.hot-section-head {display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 24px;margin-bottom:28px}
.hot-eyebrow {font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#e53935;width:100%}
.hot-title {font-size:clamp(22px,2.8vw,36px);font-weight:900;color:#1e3a5f;text-transform:uppercase;letter-spacing:1px;margin:0;line-height:1.1}
.hot-title-accent {color:#e53935}
.hot-subtitle {font-size:14px;color:#777;margin:0;flex:1 1 200px}
.hot-viewall {font-size:13px;font-weight:700;color:#0d7a3e;text-decoration:none;white-space:nowrap;margin-left:auto}
.hot-viewall:hover {text-decoration:underline}
.hot-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:1100px) {
.hot-grid {display:flex;flex-wrap:nowrap;overflow-x:auto;gap:14px;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.hot-grid::-webkit-scrollbar {height:6px}
.hot-grid::-webkit-scrollbar-thumb {background:#d8c48f;border-radius:4px}
.hot-grid > .hot-card,.hot-grid > .hot-skel {flex:0 0 260px;scroll-snap-align:start}
}
@media(max-width:560px) {
.hot-grid > .hot-card,.hot-grid > .hot-skel {flex:0 0 80%}
}
.hot-card {background:#fff;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.09);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.hot-card:hover {transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.14)}
.hot-card-img {position:relative;aspect-ratio:4/3;overflow:hidden;background:#e8eaed}
.hot-card-img img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.hot-card:hover .hot-card-img img {transform:scale(1.04)}
.hot-card-badge {position:absolute;top:10px;left:10px;background:#e53935;color:#fff;font-size:10px;font-weight:800;letter-spacing:.8px;padding:4px 10px;border-radius:20px;text-transform:uppercase;animation:hotPulse 1.8s ease-in-out infinite}
.hot-card-catbadge {position:absolute;top:10px;right:10px;background:rgba(30,58,95,.75);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;backdrop-filter:blur(4px)}
.hot-card-code {position:absolute;bottom:8px;right:10px;font-size:10px;font-weight:700;color:#fff;background:rgba(0,0,0,.5);padding:2px 8px;border-radius:8px;letter-spacing:.5px}
.hot-card-view {position:absolute;bottom:8px;left:10px;font-size:11px;font-weight:700;color:#1e3a5f;background:rgba(255,255,255,.92);padding:5px 11px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.25);opacity:0;transform:translateY(6px);transition:opacity .22s,transform .22s;pointer-events:none}
.hot-card:hover .hot-card-view {opacity:1;transform:translateY(0)}
@media(hover:none) {
.hot-card-view {opacity:.95;transform:none}
}
.hot-card-body {padding:16px;display:flex;flex-direction:column;flex:1;gap:8px}
.hot-card-name {font-size:14px;font-weight:800;color:#1e3a5f;text-transform:uppercase;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hot-card-legal {font-size:11px;font-weight:700;color:#27ae60;display:flex;align-items:center;gap:4px}
.hot-card-divider {height:1px;background:#f0f0f0;margin:0}
.hot-card-meta {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hot-card-area {display:flex;align-items:center;gap:4px;font-size:12px;color:#777;font-weight:600}
.hot-card-area svg {flex-shrink:0}
.hot-card-prices {display:flex;align-items:baseline;gap:6px;margin-left:auto}
.hot-card-goc {font-size:11px;color:#aaa;text-decoration:line-through;font-weight:500}
.hot-card-price {font-size:20px;font-weight:900;color:#e53935;line-height:1}
.hot-card-note {font-size:12px;color:#e57373;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-style:italic}
.hot-card-cta {display:flex;gap:8px;margin-top:auto;padding-top:4px}
.hot-card-call {flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#0d7a3e;color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:10px 12px;border-radius:10px;transition:background .18s}
.hot-card-call:hover {background:#0a5c2e}
.hot-card-chat {width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#e8f5e9;color:#0d7a3e;border-radius:10px;text-decoration:none;font-size:18px;flex-shrink:0;transition:background .18s}
.hot-card-chat:hover {background:#c8e6c9}
.hot-skel {background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.hot-skel-img {background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;aspect-ratio:4/3}
.hot-skel-line {height:14px;border-radius:7px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;margin:16px 16px 0}
.hot-skel-line.w80 {width:80%}
.hot-skel-line.w60 {width:60%}
.hot-skel-line.w40 {width:40%}
.rent-section {margin:52px 0 0}
.rent-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:26px}
.rent-card {display:block;background:#fff;border:1px solid #e8ecf1;border-radius:14px;overflow:hidden;text-decoration:none;color:#12263f;transition:transform .25s ease,box-shadow .25s ease}
.rent-card:hover {transform:translateY(-5px);box-shadow:0 16px 34px rgba(13,47,79,.16)}
.rent-img {position:relative;aspect-ratio:4/3;background:#eef2f6;overflow:hidden}
.rent-img img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.rent-card:hover .rent-img img {transform:scale(1.06)}
.rent-price {position:absolute;left:10px;bottom:10px;background:rgba(13,47,79,.9);color:#ffd27a;font-weight:800;font-size:12.5px;padding:5px 10px;border-radius:8px;line-height:1.2}
.rent-price small {color:#dbe6f2;font-weight:600;font-size:10.5px}
.rent-body {padding:12px 14px 14px}
.rent-name {font-weight:800;font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}
.rent-meta {margin-top:7px;font-size:12px;color:#5f7186;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rent-more {text-align:center;margin-top:24px}
.rent-more a {display:inline-block;background:linear-gradient(135deg,#c9a961,#b8933d);color:#fff;font-weight:800;font-size:14.5px;padding:13px 30px;border-radius:30px;text-decoration:none;box-shadow:0 6px 18px rgba(184,147,61,.35);transition:transform .2s}
.rent-more a:hover {transform:translateY(-2px)}
@media(max-width:1024px) {
.rent-grid {display:flex;overflow-x:auto;gap:14px;padding-bottom:10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.rent-card {flex:0 0 235px;scroll-snap-align:start}
}
.am-section {background:linear-gradient(150deg,#050d1e 0%,#0b1c38 50%,#071426 100%);border-radius:20px;padding:56px 48px 48px;margin:52px 0 0;position:relative;overflow:hidden;box-shadow:0 8px 48px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04)}
.am-section::before {content:'';position:absolute;top:-100px;right:-60px;width:360px;height:360px;background:radial-gradient(circle,rgba(201,169,97,.06) 0%,transparent 68%);pointer-events:none;z-index:0}
.am-head {text-align:center;margin-bottom:40px;position:relative;z-index:1}
.am-eyebrow-row {display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#c9a961;margin-bottom:12px}
.am-eyebrow-row::before,.am-eyebrow-row::after {content:'';display:block;width:26px;height:1px;background:#c9a961;opacity:.5}
.am-title-main {font-size:clamp(26px,3vw,40px);font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;line-height:1.12}
.am-subtitle-main {font-size:14.5px;color:rgba(255,255,255,.5);max-width:540px;margin:0 auto;line-height:1.72}
.am-frame {position:relative;margin:6px 0 44px}
.am-main {position:relative;border-radius:14px;overflow:hidden;background:#0b1a30;aspect-ratio:16/9;box-shadow:0 16px 52px rgba(0,0,0,.55);cursor:default;z-index:1}
@media(max-width:540px) {
.am-main {aspect-ratio:4/3}
}
.am-main-gradient {position:absolute;inset:0;background:linear-gradient(to top,rgba(3,8,22,.28) 0%,transparent 40%);z-index:1;pointer-events:none}
.am-main-info {position:absolute;bottom:22px;left:22px;right:auto;width:min(380px,calc(100% - 44px));padding:14px 18px 16px;z-index:2;box-sizing:border-box;background:rgba(4,11,28,.86);border:1px solid rgba(201,169,97,.38);border-radius:11px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.am-main-tag-badge {display:inline-flex;align-items:center;gap:5px;background:rgba(201,169,97,.14);border:1px solid rgba(201,169,97,.35);color:#8a6a17;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:7px}
.am-main-name-el {font-size:clamp(15px,1.6vw,22px);font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 5px;line-height:1.2}
.am-main-desc-el {font-size:12.5px;color:rgba(255,255,255,.72);line-height:1.6;margin-bottom:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.am-main-cta-el {display:inline-flex;align-items:center;gap:7px;color:#c9a961;font-size:12px;font-weight:700;text-decoration:none;letter-spacing:.5px;transition:gap .2s}
.am-main-cta-el:hover {gap:13px}
.am-progress-bar {position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.06);z-index:3}
.am-progress-fill {height:100%;background:linear-gradient(90deg,#c9a961,#e8d08a);width:0%}
.am-strip {display:flex;justify-content:center;gap:20px;margin-top:0;flex-wrap:nowrap;overflow-x:auto;padding:6px 8px 14px;scrollbar-width:none;position:relative;z-index:1}
.am-strip::-webkit-scrollbar {display:none}
.am-sat {display:flex;flex-direction:column;align-items:center;gap:0;cursor:pointer;flex-shrink:0;width:78px;padding:0;border:none;background:none;border-radius:0;transition:opacity .28s ease,transform .25s ease;text-align:center;opacity:0.42;position:relative}
.am-sat:hover {opacity:0.78;transform:translateY(-3px)}
.am-sat.am-active {opacity:1;transform:translateY(-4px)}
.am-sat-thumb {width:72px;height:72px;border-radius:10px;overflow:hidden;position:relative;transition:box-shadow .28s;flex-shrink:0}
.am-sat.am-active .am-sat-thumb {box-shadow:0 6px 22px rgba(0,0,0,.5),0 0 0 1.5px rgba(201,169,97,.5)}
.am-sat-thumb-bg {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:0}
.am-sat-thumb img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .35s}
.am-sat:hover .am-sat-thumb img {transform:scale(1.1)}
.am-sat-nm {display:none}
.am-sat-dot {display:none}
.am-sat-bar {width:0;height:2.5px;background:linear-gradient(90deg,transparent 0%,#c9a961 35%,#e8d08a 50%,#c9a961 65%,transparent 100%);border-radius:2px;margin-top:8px;transition:width .38s cubic-bezier(.22,.68,0,1.15)}
.am-sat.am-active .am-sat-bar {width:100%}
.am-dots {display:none}
@media(max-width:1100px) {
.am-section {padding:48px 32px 44px}
.am-sat {width:68px}
.am-sat-thumb {width:64px;height:64px}
.am-main {margin-bottom:36px}
}
@media(max-width:820px) {
.am-section {padding:32px 18px 28px;border-radius:14px;margin-top:32px}
.am-head {margin-bottom:20px}
.am-title-main {letter-spacing:0.5px;word-break:keep-all;overflow-wrap:break-word}
.am-eyebrow-row {letter-spacing:2.5px}
.am-subtitle-main {display:none}
.am-frame {margin:0 0 28px}
.am-main-info {
                position:relative;bottom:auto;left:auto;right:auto;
                width:100%;box-sizing:border-box;
                padding:14px 16px 16px;
                border-radius:0 0 12px 12px;
                border-top:none;
                margin-top:0;
                backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
            }
.am-main {border-radius:12px 12px 0 0;margin:0}
.am-main-name-el {font-size:17px;letter-spacing:0.6px;margin-bottom:6px}
.am-main-desc-el {font-size:13px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.am-main-tag-badge {font-size:9.5px;padding:3px 10px;margin-bottom:7px}
.am-main-cta-el {font-size:12px}
.am-strip {justify-content:flex-start;gap:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 8px 12px}
.am-sat {width:64px;flex-shrink:0;scroll-snap-align:center}
.am-sat-thumb {width:60px;height:60px;border-radius:9px}
}
@media(max-width:480px) {
.am-section {padding:22px 14px 20px;border-radius:12px;margin-top:20px}
.am-title-main {font-size:clamp(22px,7vw,30px);letter-spacing:0px}
.am-eyebrow-row {font-size:9px;letter-spacing:2px}
.am-main-name-el {font-size:15px}
.am-frame {margin-bottom:20px}
.am-strip {gap:11px}
.am-sat {width:56px}
.am-sat-thumb {width:52px;height:52px;border-radius:8px}
}
.home-faq {max-width:900px;margin:56px auto 0;padding:0 20px}
.home-faq-title {font-size:clamp(22px,2.6vw,30px);font-weight:900;color:#1e3a5f;text-align:center;margin-bottom:10px}
.home-faq-sub {font-size:14px;color:#888;text-align:center;margin-bottom:30px}
.home-faq-item {background:#fff;border:1px solid #ede8e0;border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s}
.home-faq-item[open] {box-shadow:0 6px 20px rgba(30,58,95,.1)}
.home-faq-q {padding:18px 22px;font-weight:700;color:#1e3a5f;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:15.5px;line-height:1.4;list-style:none}
.home-faq-q::-webkit-details-marker {display:none}
.home-faq-q::after {content:'+';font-size:24px;color:#c9a961;font-weight:400;flex-shrink:0;transition:transform .2s}
.home-faq-item[open] .home-faq-q::after {content:'−'}
.home-faq-a {padding:0 22px 20px;color:#555;line-height:1.85;font-size:14.5px}
@media(max-width:600px) {
.home-faq-q {font-size:14.5px;padding:16px 18px}
.home-faq-a {padding:0 18px 18px}
}