/* =========================================================
   RT 17 TANGGA TAKAT — PUBLIC LUXURY SYSTEM v3
   Visual-only enhancement. Keeps database and core logic intact.
   ========================================================= */
:root {
    --rt-ink: #0b1534;
    --rt-ink-2: #14265a;
    --rt-blue: #2563eb;
    --rt-blue-2: #3b82f6;
    --rt-cyan: #38bdf8;
    --rt-sky: #eaf4ff;
    --rt-mist: #f5f9ff;
    --rt-gold: #f6c453;
    --rt-white: #ffffff;
    --rt-muted: #66758f;
    --rt-line: rgba(37, 99, 235, .12);
    --rt-shadow: 0 24px 70px rgba(25, 54, 112, .12);
    --rt-shadow-soft: 0 14px 36px rgba(25, 54, 112, .09);
    --rt-radius-xl: 30px;
    --rt-radius-lg: 22px;
    --rt-radius-md: 16px;
}

body {
    background:
        radial-gradient(circle at 8% 12%, rgba(56, 189, 248, .08), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(37, 99, 235, .08), transparent 30%),
        #f7faff;
    color: var(--rt-ink);
}

/* ---------- Shared navbar ---------- */
.navbar {
    background: linear-gradient(110deg, #10275f 0%, #1d4ed8 45%, #0ea5e9 100%) !important;
    animation: none !important;
    box-shadow: 0 10px 34px rgba(10, 34, 82, .22) !important;
    border-bottom: 1px solid rgba(255,255,255,.18) !important;
}
.navbar::before {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent) !important;
    opacity: .7;
    animation: rtNavSheen 10s ease-in-out infinite !important;
}
@keyframes rtNavSheen {
    0%,100% { transform: translateX(-30%); opacity: .2; }
    50% { transform: translateX(30%); opacity: .55; }
}
.navbar-brand {
    font-size: clamp(1rem, 2vw, 1.35rem) !important;
    letter-spacing: -.45px !important;
    filter: none !important;
}
.navbar-logo {
    border: 2px solid rgba(255,255,255,.8);
    box-shadow: 0 7px 20px rgba(0,0,0,.18) !important;
}
.nav-link {
    border-radius: 12px;
    padding: 9px 10px !important;
    font-size: .85rem !important;
}
.nav-link:hover,
.nav-link.active {
    background: rgba(255,255,255,.13) !important;
    transform: translateY(-1px) !important;
}
.btn-login {
    border-radius: 13px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    background: rgba(255,255,255,.09) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}
.btn-login:hover { background: #fff !important; color: #1947a8 !important; }

/* ---------- Reusable page hero ---------- */
.rt-page-hero,
.pengumuman-header-section,
.edukasi-header-premium,
.galeri-header-premium,
.pengurus-header-premium {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 18% 20%, rgba(56,189,248,.40), transparent 30%),
        radial-gradient(circle at 86% 82%, rgba(99,102,241,.30), transparent 34%),
        linear-gradient(125deg, #081a45 0%, #163b8c 45%, #1478d4 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 26px 75px rgba(9, 35, 91, .22) !important;
}
.rt-page-hero::before,
.pengumuman-header-section::before,
.edukasi-header-premium::before,
.galeri-header-premium::before,
.pengurus-header-premium::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image:
      linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 95%);
}
.rt-page-hero::after,
.pengumuman-header-section::after,
.edukasi-header-premium::after,
.galeri-header-premium::after,
.pengurus-header-premium::after {
    content: "";
    position: absolute;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 50%;
    right: -85px;
    top: -95px;
    box-shadow: 0 0 0 30px rgba(255,255,255,.025), 0 0 0 70px rgba(255,255,255,.018);
    z-index: -1;
}
.rt-page-hero {
    padding: 92px 0 82px;
    margin: 0;
}
.rt-page-hero .container-lg { position: relative; z-index: 2; }
.rt-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 34px;
}
.rt-eyebrow {
    display: inline-flex;
    gap: 9px;
    align-items: center;
    padding: 8px 13px;
    margin-bottom: 17px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.9);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.rt-page-title {
    margin: 0;
    max-width: 760px;
    font-size: clamp(2.25rem, 5vw, 4.6rem);
    line-height: 1.02;
    letter-spacing: -.05em;
    font-weight: 900;
    color: #fff;
    text-wrap: balance;
}
.rt-page-subtitle {
    max-width: 720px;
    margin: 18px 0 0;
    color: rgba(255,255,255,.76);
    line-height: 1.75;
    font-size: clamp(.95rem, 1.5vw, 1.08rem);
}
.rt-hero-mark {
    width: 116px;
    height: 116px;
    border-radius: 30px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.2);
    background: linear-gradient(145deg, rgba(255,255,255,.17), rgba(255,255,255,.06));
    box-shadow: inset 0 1px rgba(255,255,255,.25), 0 24px 50px rgba(3, 20, 60, .25);
    font-size: 2.8rem;
    color: #fff;
    transform: rotate(3deg);
}

/* ---------- Shared content ---------- */
.rt-content-section {
    padding: 72px 0 96px;
    position: relative;
}
.rt-section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1d4ed8;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 11px;
}
.rt-section-title {
    font-size: clamp(1.65rem, 3vw, 2.45rem);
    font-weight: 850;
    letter-spacing: -.035em;
    margin: 0 0 12px;
    color: #0b1534;
}
.rt-section-copy { color: var(--rt-muted); max-width: 680px; line-height: 1.75; }
.rt-card {
    position: relative;
    overflow: hidden;
    border-radius: var(--rt-radius-lg);
    border: 1px solid var(--rt-line);
    background: rgba(255,255,255,.96);
    box-shadow: var(--rt-shadow-soft);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.rt-card:hover {
    transform: translateY(-4px);
    border-color: rgba(37,99,235,.23);
    box-shadow: var(--rt-shadow);
}
.rt-card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, transparent 0 46%, rgba(255,255,255,.48) 50%, transparent 54%);
    transform: translateX(-120%);
    transition: transform .8s ease;
}
.rt-card:hover::after { transform: translateX(120%); }

/* ---------- Profile ---------- */
.profile-page { background: linear-gradient(180deg, #f7faff 0%, #eef5ff 100%); }
.profile-story-card {
    display: grid;
    grid-template-columns: 200px minmax(0,1fr);
    min-height: 260px;
    margin-bottom: 26px;
}
.profile-story-visual {
    position: relative;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #0f2d6a, #1d63cb);
    color: white;
}
.profile-story-visual i { font-size: 4.1rem; opacity: .94; filter: drop-shadow(0 12px 22px rgba(0,0,0,.18)); }
.profile-story-visual span {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    color: rgba(255,255,255,.72);
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 800;
}
.profile-story-content { padding: clamp(28px, 4vw, 48px); }
.profile-story-content p { margin: 0; color: #4f607b; line-height: 1.95; font-size: 1rem; }
.profile-values-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 24px 0; }
.profile-value-card { padding: 32px; min-height: 220px; }
.profile-value-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.profile-value-icon {
    width: 58px; height: 58px; border-radius: 18px; display: grid; place-items: center;
    background: linear-gradient(145deg, #e8f1ff, #fff); color: #245ec6; font-size: 1.35rem;
    box-shadow: inset 0 0 0 1px rgba(37,99,235,.08);
}
.profile-value-index { color: #bfd0eb; font-size: 2.25rem; font-weight: 900; letter-spacing: -.06em; }
.profile-value-card h3 { margin: 0 0 13px; font-weight: 850; letter-spacing: -.03em; font-size: 1.38rem; }
.profile-value-card .profile-text { color: #596a83; line-height: 1.8; }
.profile-info-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 24px; }
.profile-info-card { padding: 32px; }
.profile-info-head { display:flex; align-items:center; gap:14px; margin-bottom:22px; }
.profile-info-head .mini-icon { width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#eaf3ff;color:#1d5fc4; }
.profile-info-head h3 { margin:0;font-size:1.2rem;font-weight:850;letter-spacing:-.025em; }
.profile-info-card p { color:#596a83;line-height:1.85;margin:0; }

/* ---------- Announcement ---------- */
.pengumuman-section {
    padding: 0 0 96px !important;
    background: linear-gradient(180deg, #f7faff 0%, #edf5ff 100%) !important;
}
.pengumuman-container { max-width: 1200px !important; padding-top: 0 !important; }
.pengumuman-header-section {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: 100vw !important;
    padding: 92px max(20px, calc((100vw - 1200px)/2)) 82px !important;
    text-align: left !important;
    border-radius: 0 !important;
    margin-bottom: 64px !important;
}
.pengumuman-header-title {
    font-size: clamp(2.2rem, 5vw, 4rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -.045em !important;
    font-weight: 900 !important;
    margin: 0 0 16px !important;
    color: #fff !important;
    text-shadow: none !important;
}
.pengumuman-header-subtitle { margin:0 !important; color:rgba(255,255,255,.75) !important; font-size:1.03rem !important; }
.pengumuman-grid-wrapper { padding: 0 !important; }
.pengumuman-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:24px !important; }
.pengumuman-card {
    height:100%; border-radius:22px !important; overflow:hidden !important; background:#fff !important;
    border:1px solid var(--rt-line) !important; box-shadow:var(--rt-shadow-soft) !important;
    transition:transform .28s ease,box-shadow .28s ease !important;
}
.pengumuman-card:hover { transform:translateY(-5px) !important; box-shadow:var(--rt-shadow) !important; }
.pengumuman-header {
    position:relative; padding:28px 28px 22px !important; color:#0b1534 !important;
    background:linear-gradient(145deg,#fff,#f4f8ff) !important; border-bottom:1px solid #edf2fb !important;
}
.pengumuman-header::before { content:""; position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#38bdf8,#2563eb); }
.pengumuman-title { margin:0 0 18px !important; color:#10224a !important; font-size:1.25rem !important; font-weight:850 !important; letter-spacing:-.025em !important; }
.pengumuman-meta { display:flex !important; gap:10px !important; flex-wrap:wrap !important; align-items:center !important; }
.pengumuman-date,.pengumuman-category { border-radius:999px !important;padding:7px 11px !important;font-size:.74rem !important;font-weight:750 !important; }
.pengumuman-date { background:#edf4ff !important;color:#3264b6 !important; }
.pengumuman-category { background:#e7f8ff !important;color:#087ba9 !important; }
.pengumuman-body { padding:24px 28px 28px !important; }
.pengumuman-excerpt { color:#687891 !important;line-height:1.75 !important;min-height:54px; }
.btn-read-more,.pengumuman-back-btn {
    display:inline-flex !important;align-items:center !important;gap:9px !important;
    border-radius:13px !important;padding:11px 16px !important;border:0 !important;
    color:white !important;text-decoration:none !important;font-weight:800 !important;font-size:.83rem !important;
    background:linear-gradient(135deg,#1f57c3,#2196e8) !important;box-shadow:0 10px 24px rgba(37,99,235,.20) !important;
}
.btn-read-more:hover,.pengumuman-back-btn:hover { transform:translateY(-2px) !important;box-shadow:0 14px 30px rgba(37,99,235,.28) !important; }
.pengumuman-detail-wrapper { padding:72px 0 !important;background:transparent !important; }
.pengumuman-detail-card { border-radius:28px !important;overflow:hidden !important;box-shadow:var(--rt-shadow) !important;border:1px solid var(--rt-line) !important;background:#fff !important; }
.pengumuman-detail-header { padding:44px !important;background:linear-gradient(125deg,#0c2456,#1d5bc1 60%,#1095d4) !important; }
.pengumuman-detail-title { font-size:clamp(1.8rem,4vw,3rem) !important;font-weight:900 !important;letter-spacing:-.04em !important; }
.pengumuman-detail-meta { margin-top:20px !important; }
.pengumuman-detail-body { padding:clamp(28px,5vw,54px) !important; }
.pengumuman-detail-content { color:#53647f !important;line-height:1.95 !important;font-size:1.02rem !important; }

/* ---------- Education ---------- */
.edukasi-header-premium { padding:92px 20px 82px !important;box-shadow:0 26px 75px rgba(9,35,91,.22) !important; }
.edukasi-header-content { text-align:left !important; max-width:1200px !important; margin:0 auto !important; padding:0 !important; }
.edukasi-header-title { font-size:clamp(2.2rem,5vw,4rem) !important;font-weight:900 !important;letter-spacing:-.045em !important; margin:0 0 16px !important; }
.edukasi-header-subtitle { font-size:1.03rem !important;color:rgba(255,255,255,.75) !important;max-width:700px; }
.edukasi-section { padding:70px 0 96px !important;background:linear-gradient(180deg,#f7faff,#eef5ff) !important; }
.edukasi-grid { display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:24px !important; }
.edukasi-card {
    border-radius:22px !important;overflow:hidden !important;border:1px solid var(--rt-line) !important;background:#fff !important;
    box-shadow:var(--rt-shadow-soft) !important;min-height:390px !important;display:flex !important;flex-direction:column !important;
    animation:rtCardIn .5s both ease-out !important;transition:transform .28s ease,box-shadow .28s ease !important;
}
@keyframes rtCardIn { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} }
.edukasi-card:hover { transform:translateY(-5px) !important;box-shadow:var(--rt-shadow) !important; }
.edukasi-card-image {
    min-height:150px !important;display:grid !important;place-items:center !important;position:relative !important;
    background:linear-gradient(135deg,#0b2b67,#2469d7 62%,#2ba7df) !important;
}
.edukasi-card-image::after { content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.2),transparent 32%); }
.edukasi-icon { width:68px !important;height:68px !important;border-radius:20px !important;display:grid !important;place-items:center !important;background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.25) !important;color:#fff !important;font-size:1.7rem !important;z-index:1; }
.edukasi-card-content { padding:27px !important;display:flex !important;flex:1 !important;flex-direction:column !important; }
.edukasi-title { color:#10224a !important;font-size:1.18rem !important;font-weight:850 !important;letter-spacing:-.025em !important;margin:0 0 13px !important; }
.category-badge { background:#e8f3ff !important;color:#1d5bb7 !important;border:1px solid #d4e7ff !important;border-radius:999px !important;padding:6px 10px !important;font-size:.69rem !important;font-weight:850 !important;letter-spacing:.05em !important; }
.edukasi-excerpt { color:#687891 !important;line-height:1.72 !important;margin:18px 0 24px !important; }
.edukasi-action { margin-top:auto !important; }
.edukasi-btn { width:100% !important;border:0 !important;border-radius:13px !important;padding:12px 15px !important;color:#fff !important;font-weight:800 !important;background:linear-gradient(135deg,#1f57c3,#2196e8) !important;box-shadow:0 10px 22px rgba(37,99,235,.18) !important; }
.edukasi-btn:hover { transform:translateY(-2px) !important; }
.edukasi-modal-content { border:0 !important;border-radius:24px !important;overflow:hidden !important;box-shadow:0 30px 90px rgba(7,25,67,.28) !important; }
.edukasi-modal-header { padding:26px 30px !important;background:linear-gradient(125deg,#0c2456,#1d5bc1 65%,#1199d6) !important;color:#fff !important; }
.edukasi-modal-header .modal-title { font-weight:850 !important;letter-spacing:-.025em !important; }
.edukasi-modal-body { padding:30px !important;color:#52637d !important;line-height:1.85 !important; }
.edukasi-modal-footer { padding:20px 30px !important;background:#f7faff !important;border-top:1px solid #e8eef8 !important; }
.btn-secondary-close { border:0 !important;border-radius:12px !important;padding:10px 18px !important;background:#12234c !important;color:#fff !important;font-weight:800 !important; }

/* ---------- Gallery: override legacy dark block while preserving cards/modals ---------- */
.galeri-container { background:linear-gradient(180deg,#081735 0%,#0b1e44 100%) !important; }
.galeri-header-premium { padding:92px 20px 82px !important;box-shadow:0 26px 75px rgba(3,16,45,.42) !important; }
.galeri-header-content { max-width:1200px !important;margin:0 auto !important;text-align:left !important;position:relative !important;z-index:4 !important; }
.galeri-header-content h1 { font-size:clamp(2.3rem,5vw,4.2rem) !important;line-height:1.04 !important;letter-spacing:-.05em !important;font-weight:900 !important;margin:0 0 15px !important;color:#fff !important;-webkit-text-fill-color:#fff !important; }
.galeri-header-content p { color:rgba(255,255,255,.72) !important;font-size:1.03rem !important; }
.galeri-section { max-width:1200px !important;margin:0 auto !important;padding:76px 20px !important; }
.galeri-section .section-header { margin-bottom:42px !important;text-align:left !important; }
.galeri-section .section-icon { width:58px !important;height:58px !important;border-radius:18px !important;background:linear-gradient(145deg,#1c5dcc,#28a9e0) !important;box-shadow:0 15px 34px rgba(37,99,235,.28) !important; }
.galeri-section .section-header h2 { color:#fff !important;-webkit-text-fill-color:#fff !important;font-size:clamp(1.8rem,3vw,2.5rem) !important;letter-spacing:-.035em !important;margin-top:18px !important; }
.galeri-section .section-header p { color:#8ea6cb !important; }
.galeri-grid { gap:24px !important; }
.kkn-member-card,.galeri-card { border-radius:22px !important;overflow:hidden !important;border:1px solid rgba(125,170,255,.17) !important;box-shadow:0 20px 55px rgba(0,0,0,.22) !important;transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease !important; }
.kkn-member-card:hover,.galeri-card:hover { transform:translateY(-6px) !important;border-color:rgba(81,157,255,.42) !important;box-shadow:0 28px 70px rgba(0,0,0,.32) !important; }
.member-card-front,.activity-info { background:linear-gradient(150deg,#10244a,#0c1b3a) !important; }
.member-card-header { background:linear-gradient(135deg,rgba(31,87,195,.22),rgba(33,150,232,.08)) !important; }
.member-card-image,.activity-img { background:#0b1f49 !important; }
.member-card-image img,.activity-img img { transition:transform .45s ease !important; }
.kkn-member-card:hover img,.galeri-card:hover img { transform:scale(1.045) !important; }
.member-card-body h3,.activity-info h4 { color:#fff !important; }
.member-card-body p,.activity-info p,.activity-date { color:#9db0cf !important; }
.member-card-footer { border-top:1px solid rgba(255,255,255,.08) !important;background:#0b1b39 !important; }
.galeri-separator { max-width:1200px !important;margin:0 auto !important;opacity:.65 !important; }
.separator-line { background:linear-gradient(90deg,transparent,rgba(82,158,255,.45),transparent) !important; }
.separator-icon { color:#5aa8f6 !important;background:#0a1b3c !important;border:1px solid rgba(82,158,255,.24) !important; }
.galeri-modal .modal-content { border:1px solid rgba(122,169,255,.2) !important;box-shadow:0 30px 100px rgba(0,0,0,.55) !important; }

/* ---------- Empty states ---------- */
.edukasi-empty-state,.kontak-empty-state,.empty-galeri {
    border:1px dashed rgba(37,99,235,.25) !important;
    border-radius:24px !important;
    background:rgba(255,255,255,.85) !important;
    box-shadow:var(--rt-shadow-soft) !important;
}

/* ---------- Footer ---------- */
footer {
    background:linear-gradient(135deg,#07142f,#102b63) !important;
    border-top:1px solid rgba(255,255,255,.08);
}

/* ---------- Motion + accessibility ---------- */
@media (prefers-reduced-motion: reduce) {
    *,*::before,*::after { animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important; }
}

@media (max-width: 991.98px) {
    .rt-page-hero { padding:74px 0 66px; }
    .rt-hero-grid { grid-template-columns:1fr; }
    .rt-hero-mark { width:86px;height:86px;border-radius:24px;font-size:2rem; }
    .profile-story-card { grid-template-columns:150px 1fr; }
    .profile-values-grid,.profile-info-grid { grid-template-columns:1fr; }
    .edukasi-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 767.98px) {
    .rt-content-section { padding:48px 0 70px; }
    .profile-story-card { grid-template-columns:1fr; }
    .profile-story-visual { min-height:150px; }
    .profile-story-visual span { position:static;margin-top:12px; }
    .pengumuman-header-section,.edukasi-header-premium,.galeri-header-premium { padding:68px 18px 60px !important; }
    .pengumuman-grid { grid-template-columns:1fr !important; }
    .edukasi-grid { grid-template-columns:1fr !important; }
    .pengumuman-detail-header { padding:30px 24px !important; }
    .galeri-section { padding:54px 14px !important; }
}
@media (max-width: 575.98px) {
    .rt-page-hero { padding:58px 0 52px; }
    .rt-page-title { font-size:2.15rem; }
    .profile-value-card,.profile-info-card,.profile-story-content { padding:24px; }
    .pengumuman-header-title,.edukasi-header-title,.galeri-header-content h1 { font-size:2.15rem !important; }
}

/* Disable legacy large background animations; keep only lightweight entrance/hover motion. */
.pengumuman-section::before,
.pengumuman-section::after { display:none !important; }
.pengumuman-header-section,
.edukasi-header-premium,
.galeri-header-premium,
.pengurus-header-premium { animation:none !important;background-size:auto !important; }

/* ---------- Contact alignment with the same public design language ---------- */
.kontak-header-premium {
    position:relative !important;isolation:isolate;overflow:hidden !important;color:#fff !important;
    padding:92px 20px 82px !important;text-align:left !important;
    background:radial-gradient(circle at 18% 20%,rgba(56,189,248,.40),transparent 30%),radial-gradient(circle at 86% 82%,rgba(99,102,241,.30),transparent 34%),linear-gradient(125deg,#081a45 0%,#163b8c 45%,#1478d4 100%) !important;
    border-bottom:1px solid rgba(255,255,255,.18) !important;box-shadow:0 26px 75px rgba(9,35,91,.22) !important;
}
.kontak-header-premium::before { content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px; }
.kontak-header-content { max-width:1200px !important;margin:0 auto !important;text-align:left !important; }
.kontak-header-title { color:#fff !important;font-size:clamp(2.2rem,5vw,4rem) !important;font-weight:900 !important;letter-spacing:-.045em !important;margin:0 0 16px !important; }
.kontak-header-subtitle { color:rgba(255,255,255,.75) !important;font-size:1.03rem !important; }
.kontak-section { padding:70px 0 96px !important;background:linear-gradient(180deg,#f7faff,#eef5ff) !important; }
.kontak-card { border:1px solid var(--rt-line) !important;border-radius:24px !important;overflow:hidden !important;box-shadow:var(--rt-shadow-soft) !important;background:#fff !important; }
.kontak-card-header { background:linear-gradient(125deg,#143a7c,#2878d0) !important;color:#fff !important; }
.kontak-card:hover { box-shadow:var(--rt-shadow) !important; }
.kontak-item-icon { background:#eaf4ff !important;color:#1767bf !important; }
@media (max-width:767.98px){.kontak-header-premium{padding:68px 18px 60px !important;}.kontak-header-title{font-size:2.15rem !important;}}