/* PAGE HERO */
.page-hero{padding:140px 0 70px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0d1b2e 0%,#1a3455 100%)}
.page-hero.compact{padding:120px 0 50px}
.page-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(200,144,42,.1),transparent 50%),radial-gradient(circle at 20% 30%,rgba(0,86,179,.15),transparent 40%)}
.page-hero-content{position:relative;z-index:2}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.82rem;color:rgba(255,255,255,.55);margin-bottom:16px}
.breadcrumb a{color:rgba(255,255,255,.55);transition:color .2s}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb i{font-size:.6rem}
.breadcrumb span{color:rgba(255,255,255,.85)}
.page-hero-content h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#fff;margin-bottom:14px;line-height:1.2}
.page-hero-content p{font-size:1.05rem;color:rgba(255,255,255,.72);max-width:580px;line-height:1.65}

/* BENEFITS */
.benefits-section{padding:80px 0;background:#fff}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.benefit-card{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius);padding:36px 28px;transition:all var(--transition)}
.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}
.benefit-icon{width:56px;height:56px;background:var(--primary-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--primary);margin-bottom:18px}
.benefit-card h3{font-size:1.05rem;font-weight:700;color:var(--dark);margin-bottom:14px}
.benefit-list{display:flex;flex-direction:column;gap:8px}
.benefit-list li{display:flex;align-items:flex-start;gap:8px;font-size:.88rem;color:var(--text-light)}
.benefit-list li i{color:var(--success);font-size:.8rem;margin-top:3px;flex-shrink:0}
.payment-note{margin-top:36px;background:#fff8e6;border:1px solid #f5c842;border-radius:var(--radius-sm);padding:18px 22px;display:flex;align-items:flex-start;gap:14px}
.payment-note-icon{color:#c89000;font-size:1.2rem;margin-top:2px;flex-shrink:0}
.payment-note-text{font-size:.88rem;color:#7a5c00;line-height:1.6}
.payment-note-text strong{color:#5a4000}

/* PACKAGES */
.packages-section{padding:80px 0;background:var(--bg-section)}
.country-note{display:flex;align-items:center;gap:10px;background:var(--primary-light);border:1px solid #c5d8f5;border-radius:var(--radius-sm);padding:13px 18px;font-size:.88rem;color:var(--primary);margin:24px auto;max-width:800px}
.country-note i{flex-shrink:0;font-size:1.1rem}
.pkg-tabs{display:flex;gap:12px;justify-content:center;margin:28px 0 40px}
.pkg-tab{padding:11px 28px;border-radius:100px;font-size:.9rem;font-weight:600;border:2px solid var(--border);background:#fff;color:var(--text-light);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:8px}
.pkg-tab.active,.pkg-tab:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.pkg-tab-content{display:none}
.pkg-tab-content.active{display:block}
.packages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pkg-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 24px;position:relative;transition:all var(--transition);display:flex;flex-direction:column}
.pkg-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary)}
.pkg-card.featured{background:linear-gradient(145deg,var(--dark),var(--dark-alt));border-color:transparent}
.pkg-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 16px;border-radius:100px;white-space:nowrap}
.pkg-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.pkg-icon{width:48px;height:48px;background:var(--primary-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--primary);flex-shrink:0}
.pkg-card.featured .pkg-icon{background:rgba(0,86,179,.3);color:var(--accent)}
.pkg-title-wrap h3{font-size:.98rem;font-weight:700;color:var(--dark);margin-bottom:3px}
.pkg-card.featured .pkg-title-wrap h3{color:#fff}
.pkg-region{font-size:.75rem;color:var(--text-muted)}
.pkg-card.featured .pkg-region{color:rgba(255,255,255,.55)}
.pkg-price{margin-bottom:22px}
.price-amount{font-family:var(--font-display);font-size:2.4rem;font-weight:800;color:var(--primary)}
.pkg-card.featured .price-amount{color:var(--accent)}
.price-period{font-size:.85rem;color:var(--text-muted);margin-left:4px}
.pkg-features{display:flex;flex-direction:column;gap:9px;margin-bottom:24px;flex:1}
.pkg-features li{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-light)}
.pkg-features li i{color:var(--success);font-size:.82rem;flex-shrink:0}
.pkg-card.featured .pkg-features li{color:rgba(255,255,255,.75)}
.pkg-card.featured .pkg-features li i{color:var(--accent)}
.pkg-btn{width:100%;justify-content:center;margin-top:auto}
.pkg-note{font-size:.75rem;color:var(--text-muted);margin-top:10px;line-height:1.5}
.pkg-card.featured .pkg-note{color:rgba(255,255,255,.45)}

/* BANK */
.bank-section{padding:80px 0;background:#fff}
.bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.payment-methods{display:flex;flex-direction:column;gap:18px;margin-top:28px}
.pay-method{display:flex;gap:16px;align-items:flex-start}
.pay-method i{width:40px;height:40px;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.pay-method strong{display:block;font-size:.92rem;font-weight:600;color:var(--dark);margin-bottom:2px}
.pay-method span{font-size:.84rem;color:var(--text-light);line-height:1.5}
.bank-details-card{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius);padding:32px}
.bank-details-card h3{font-size:1.05rem;font-weight:700;color:var(--dark);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.bank-details-card h3 i{color:var(--primary)}
.bank-table{width:100%;border-collapse:collapse;font-size:.86rem}
.bank-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text)}
.bank-table td:first-child{color:var(--text-muted);white-space:nowrap;width:40%}
.bank-table td a{color:var(--primary)}
.bank-table.mini td{padding:7px 10px}
.invoice-address{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}
.invoice-address h4{font-size:.88rem;font-weight:700;color:var(--dark);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.invoice-address h4 i{color:var(--accent)}
.invoice-address p{font-size:.83rem;color:var(--text-light);line-height:1.7;margin-bottom:6px}
.invoice-address a{color:var(--primary)}

/* RESPONSIVE */
@media(max-width:1024px){.packages-grid{grid-template-columns:repeat(2,1fr)}.bank-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.packages-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr}}