.template-skeuomorph {
    --ink: #263445;
    --muted: #6f7f91;
    --night: #dfe7f0;
    --panel: linear-gradient(145deg, #ffffff, #e8edf3);
    --line: rgba(116, 132, 151, .2);
    --violet: #617d9f;
    --violet-bright: #4e6f95;
    --peach: #cf9a7b;
    --mint: #6ca995;
    --shadow: -12px -12px 30px rgba(255, 255, 255, .92), 14px 14px 34px rgba(139, 153, 172, .27), inset 1px 1px 1px rgba(255,255,255,.95);
    color: var(--ink);
    background:
        radial-gradient(circle at 12% 0, rgba(255,255,255,.88), transparent 30%),
        radial-gradient(circle at 92% 16%, rgba(151,181,215,.18), transparent 28%),
        linear-gradient(145deg, #e8eef5, #dbe4ee);
}

.template-skeuomorph::before { opacity: .055; }
.template-skeuomorph ::selection { color: #fff; background: #607d9f; }
.template-skeuomorph .ambient { opacity: .1; filter: blur(130px); }
.template-skeuomorph .ambient-one { background: #8ca9c9; }
.template-skeuomorph .ambient-two { background: #e7b99e; }

.template-skeuomorph .site-header {
    position: relative;
    margin-top: 0;
    padding: 22px 0 18px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.template-skeuomorph .site-header::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(99,132,171,.38) 24%, rgba(137,109,193,.38) 52%, rgba(203,139,111,.34) 76%, transparent);
    box-shadow: none;
}
.template-skeuomorph .brand {
    position: relative;
    z-index: 1;
    color: #263445;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition: transform .2s ease, filter .2s ease;
}
.template-skeuomorph .brand:hover { transform: translateY(-1px); filter: saturate(1.08); }
.template-skeuomorph .site-logo { filter: drop-shadow(0 3px 5px rgba(52,85,119,.18)); }
.template-skeuomorph .header-actions { position: relative; z-index: 1; }
.template-skeuomorph .brand-mark,
.template-skeuomorph .language-switcher,
.template-skeuomorph .ai-option-icon,
.template-skeuomorph .forgiven-brand-icon,
.template-skeuomorph .pie-brand-icon {
    border-color: rgba(255,255,255,.9);
    background: linear-gradient(145deg, #fff, #e3e9f0);
    box-shadow: -5px -5px 12px rgba(255,255,255,.9), 5px 5px 12px rgba(139,153,172,.25), inset 1px 1px #fff;
}
.template-skeuomorph .brand-mark { color: #526f91; }
.template-skeuomorph .language-switcher {
    border: 1px solid rgba(109,132,158,.18);
    padding: 4px;
    background: rgba(241,245,249,.62);
    box-shadow: 0 5px 14px rgba(103,122,145,.12), inset 0 1px rgba(255,255,255,.86);
}
.template-skeuomorph .language-switcher a { color: #687a8f; }
.template-skeuomorph .language-switcher a.active,
.template-skeuomorph .language-switcher a.is-pressing {
    color: #263b54;
    background: #fff;
    box-shadow: 0 3px 8px rgba(92,112,136,.18);
}
.template-skeuomorph .language-switcher.is-touching a.active:not(.is-pressing) { color: #687a8f; background: transparent; box-shadow: none; }
.template-skeuomorph .language-switcher img { box-shadow: 0 1px 3px rgba(65,80,98,.25); }

.template-skeuomorph .eyebrow,
.template-skeuomorph .modal-kicker { color: #5c7899; text-shadow: 0 1px #fff; }
.template-skeuomorph h1 {
    color: transparent;
    background: linear-gradient(120deg, #203044 15%, #567596 58%, #876f63 96%);
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 2px 1px rgba(255,255,255,.9));
}
.template-skeuomorph .hero-copy,
.template-skeuomorph .section-heading p,
.template-skeuomorph .modal-card p { color: #6d7c8d; }
.template-skeuomorph .section-heading h2,
.template-skeuomorph .modal-card h2 { color: #283748; text-shadow: 0 2px #fff; }

.template-skeuomorph .hero-visual,
.template-skeuomorph .apology-card,
.template-skeuomorph .forgiven-list,
.template-skeuomorph .chart-card,
.template-skeuomorph .empty-state,
.template-skeuomorph .result-certificate,
.template-skeuomorph .modal-card {
    border: 1px solid rgba(255,255,255,.98);
    background: linear-gradient(145deg, #fff, #e9eef4);
    box-shadow: var(--shadow);
}
.template-skeuomorph .hero-visual { padding: 8px; border-radius: 28px; }
.template-skeuomorph .hero-visual img { border-radius: 19px; }
.template-skeuomorph .apology-card {
    border: 1px solid rgba(93,117,167,.42);
    background:
        radial-gradient(circle at 100% 0, rgba(139,113,207,.13), transparent 34%),
        linear-gradient(145deg, #ffffff, #e8eef5);
    box-shadow:
        0 0 0 4px rgba(255,255,255,.55),
        -10px -10px 28px rgba(255,255,255,.9),
        0 24px 55px rgba(72,94,127,.28),
        inset 1px 1px rgba(255,255,255,.98);
}
.template-skeuomorph .apology-card::before,
.template-skeuomorph .modal-card::after { background: rgba(130,159,192,.12); }
.template-skeuomorph .apology-card::before { background: rgba(133,101,205,.2); }
.template-skeuomorph .card-topline {
    border-color: rgba(96,119,151,.2);
    color: #30465f;
    background: linear-gradient(90deg, rgba(101,137,181,.1), rgba(139,108,195,.07), transparent 78%);
    font-weight: 800;
}
.template-skeuomorph .card-topline > span:first-child { display: inline-flex; align-items: center; gap: 9px; }
.template-skeuomorph .card-topline > span:first-child::before {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: linear-gradient(145deg, #6b91bd, #9a73d2);
    box-shadow: 0 0 0 4px rgba(111,137,190,.12), 0 0 12px rgba(120,93,190,.28);
    content: "";
}
.template-skeuomorph .secure-label { color: #7f8c9c; }
.template-skeuomorph .field > span:first-child { color: #405267; }

.template-skeuomorph input,
.template-skeuomorph select,
.template-skeuomorph .ai-select-trigger,
.template-skeuomorph .contact-form input,
.template-skeuomorph .contact-form textarea,
.template-skeuomorph #process-status {
    border: 1px solid rgba(124,140,158,.17);
    color: #29394b;
    background: #e8edf3;
    box-shadow: inset 5px 5px 11px rgba(139,153,171,.22), inset -5px -5px 11px rgba(255,255,255,.9);
}
.template-skeuomorph input::placeholder,
.template-skeuomorph .contact-form input::placeholder,
.template-skeuomorph .contact-form textarea::placeholder { color: #8a98a8; }
.template-skeuomorph input:focus,
.template-skeuomorph select:focus,
.template-skeuomorph .ai-select-trigger:focus-visible,
.template-skeuomorph .ai-select.is-open .ai-select-trigger,
.template-skeuomorph .contact-form input:focus,
.template-skeuomorph .contact-form textarea:focus {
    border-color: rgba(78,111,149,.48);
    background: #edf2f7;
    box-shadow: inset 4px 4px 9px rgba(139,153,171,.2), inset -4px -4px 9px #fff, 0 0 0 4px rgba(78,111,149,.1);
}
.template-skeuomorph .ai-select-trigger:hover { background: #edf2f7; }
.template-skeuomorph .ai-select-chevron { border-color: #62758a; }
.template-skeuomorph .ai-select-menu {
    border-color: rgba(255,255,255,.9);
    color: #29394b;
    background: rgba(239,243,248,.98);
    box-shadow: -8px -8px 20px rgba(255,255,255,.78), 13px 16px 34px rgba(115,130,148,.3);
}
.template-skeuomorph .ai-select-option { color: #33465b; }
.template-skeuomorph .ai-select-option:hover,
.template-skeuomorph .ai-select-option:focus-within,
.template-skeuomorph .ai-select-option.is-selected { color: #26384d; background: rgba(102,132,164,.13); }
.template-skeuomorph .ai-option-check { border-color: #a5b1bf; background: #e5eaf0; box-shadow: inset 2px 2px 4px rgba(139,153,171,.2), inset -2px -2px 4px #fff; }
.template-skeuomorph .ai-select-option.is-selected .ai-option-check { border-color: #6783a3; color: #fff; background: #6783a3; box-shadow: inset 0 1px rgba(255,255,255,.25), 0 2px 5px rgba(72,93,117,.22); }
.template-skeuomorph .ai-select-actions { background: linear-gradient(180deg, rgba(239,243,248,0), #eff3f8 30%); }

.template-skeuomorph .ai-select-done,
.template-skeuomorph .primary-button,
.template-skeuomorph .secondary-button,
.template-skeuomorph .modal-done-button,
.template-skeuomorph .result-download {
    border: 1px solid rgba(255,255,255,.85);
    color: #2d4056;
    background: linear-gradient(145deg, #fff, #d5dee8);
    box-shadow: -5px -5px 12px rgba(255,255,255,.92), 6px 7px 14px rgba(130,145,164,.28), inset 1px 1px #fff;
}
.template-skeuomorph .primary-button:hover,
.template-skeuomorph .secondary-button:hover,
.template-skeuomorph .ai-select-done:hover { box-shadow: -7px -7px 15px #fff, 8px 9px 18px rgba(130,145,164,.32); }
.template-skeuomorph .primary-button:active,
.template-skeuomorph .secondary-button:active,
.template-skeuomorph .ai-select-done:active { transform: translateY(1px); box-shadow: inset 4px 4px 9px rgba(130,145,164,.23), inset -4px -4px 9px #fff; }
.template-skeuomorph .form-error { color: #a34545; }
.template-skeuomorph .apology-card .primary-button {
    border: 1px solid rgba(255,255,255,.76);
    color: #fff;
    background: linear-gradient(110deg, #587fb0 0%, #8871c6 48%, #dc8f78 100%);
    box-shadow: 0 14px 28px rgba(91,104,164,.3), inset 0 1px rgba(255,255,255,.35);
    text-shadow: 0 1px 2px rgba(31,42,65,.24);
}
.template-skeuomorph .apology-card .primary-button:hover {
    box-shadow: 0 18px 34px rgba(91,104,164,.38), inset 0 1px rgba(255,255,255,.38);
    filter: saturate(1.08);
}
.template-skeuomorph .apology-card .primary-button:active {
    box-shadow: inset 3px 4px 10px rgba(48,55,93,.25), 0 7px 17px rgba(91,104,164,.24);
}

.template-skeuomorph .countries,
.template-skeuomorph .forgiven-heading,
.template-skeuomorph .chart-heading,
.template-skeuomorph .sponsors-heading,
.template-skeuomorph footer { border-color: rgba(104,122,143,.18); }
.template-skeuomorph .country-row,
.template-skeuomorph .forgiven-row,
.template-skeuomorph .pie-legend li,
.template-skeuomorph .sponsor-card,
.template-skeuomorph .public-pagination a,
.template-skeuomorph .share-button {
    border-color: rgba(255,255,255,.86);
    color: #33465b;
    background: linear-gradient(145deg, #f8fafc, #e3e9f0);
    box-shadow: -4px -4px 10px rgba(255,255,255,.88), 5px 5px 12px rgba(139,153,172,.22);
}
.template-skeuomorph .country-row:hover,
.template-skeuomorph .forgiven-row:not(.forgiven-table-head):hover,
.template-skeuomorph .pie-legend li:hover,
.template-skeuomorph .pie-legend li:focus-visible,
.template-skeuomorph .pie-legend li.is-active { background: #edf2f7; }
.template-skeuomorph .rank,
.template-skeuomorph .forgiven-row time,
.template-skeuomorph .pie-value { color: #748397; }
.template-skeuomorph .country-name,
.template-skeuomorph .forgiven-row,
.template-skeuomorph .pie-legend strong { color: #334357; }
.template-skeuomorph .country-count { color: #496b91; background: #e4eaf1; box-shadow: inset 2px 2px 5px rgba(139,153,171,.2), inset -2px -2px 5px #fff; }
.template-skeuomorph .forgiven-list { overflow: hidden; }
.template-skeuomorph .forgiven-row { border-top-color: rgba(112,129,149,.13); box-shadow: none; background: transparent; }
.template-skeuomorph .forgiven-table-head { color: #687a8e; background: rgba(122,140,160,.08); }
.template-skeuomorph .forgiven-avatar { border-color: #fff; color: #4d6f96; background: linear-gradient(145deg, #f8fafc, #dce4ec); box-shadow: -3px -3px 7px #fff, 3px 3px 7px rgba(139,153,172,.25); }
.template-skeuomorph .forgiven-public-id { color: #4e7098; }
.template-skeuomorph .forgiven-public-id:hover,
.template-skeuomorph .forgiven-public-id.is-pressing { color: #243a54; }
.template-skeuomorph .public-pagination a:hover { border-color: #9babbc; color: #293b50; }
.template-skeuomorph .public-pagination a.active { border-color: #fff; color: #fff; background: #617d9f; box-shadow: inset 0 1px rgba(255,255,255,.25), 4px 4px 9px rgba(110,126,145,.28); }

.template-skeuomorph .chart-card { background: linear-gradient(145deg, #fff, #e6ebf1); }
.template-skeuomorph .pie-chart { box-shadow: -8px -8px 20px rgba(255,255,255,.9), 12px 12px 26px rgba(130,145,164,.3), inset 0 0 0 6px rgba(255,255,255,.38); }
.template-skeuomorph .pie-chart::before { border-color: rgba(255,255,255,.9); background: linear-gradient(145deg, #eef3f8, #dfe6ee); box-shadow: inset 6px 6px 14px rgba(130,145,164,.24), inset -6px -6px 14px #fff; }
.template-skeuomorph .pie-center strong { color: #2b3b4e; text-shadow: 0 2px #fff; }
.template-skeuomorph .pie-center span { color: #6c7c8f; }
.template-skeuomorph .pie-tooltip { border-color: #fff; color: #2b3b4e; background: #f4f7fa; box-shadow: 8px 9px 20px rgba(91,107,126,.25); }
.template-skeuomorph .pie-tooltip span { color: #69798b; }
.template-skeuomorph .sponsor-card:hover { border-color: #fff; box-shadow: -7px -7px 15px #fff, 9px 10px 22px rgba(130,145,164,.3); }

.template-skeuomorph.result-page .result-heading h1 { color: transparent; }
.template-skeuomorph .result-certificate {
    background:
        radial-gradient(circle at 12% 0, rgba(133,164,198,.13), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(208,166,142,.11), transparent 38%),
        linear-gradient(145deg, #fff, #e5ebf2);
}
.template-skeuomorph .result-certificate::before { border-color: rgba(119,136,156,.16); box-shadow: inset 1px 1px rgba(255,255,255,.9); }
.template-skeuomorph .certificate-seal {
    border-color: rgba(255,255,255,.9);
    color: #4f806e;
    background: linear-gradient(145deg, #f3faf6, #dce9e2);
    box-shadow: -6px -6px 15px rgba(255,255,255,.9), 7px 8px 18px rgba(130,145,164,.25), inset 1px 1px #fff;
}
.template-skeuomorph .certificate-kicker { color: #58789b; text-shadow: 0 1px #fff; }
.template-skeuomorph .certificate-name { color: #28394c; text-shadow: 0 2px #fff; }
.template-skeuomorph .certificate-ai { color: #53677e; }
.template-skeuomorph .certificate-meta { border-color: rgba(112,129,149,.18); }
.template-skeuomorph .certificate-meta div + div { border-color: rgba(112,129,149,.18); }
.template-skeuomorph .certificate-meta span { color: #78879a; }
.template-skeuomorph .certificate-meta strong,
.template-skeuomorph .certificate-meta time,
.template-skeuomorph .certificate-meta code { color: #304258; }
.template-skeuomorph .result-back {
    border: 1px solid rgba(255,255,255,.86);
    color: #3d536c;
    background: linear-gradient(145deg, #f9fbfd, #dfe6ee);
    box-shadow: -5px -5px 12px rgba(255,255,255,.92), 6px 7px 14px rgba(130,145,164,.25), inset 1px 1px #fff;
}
.template-skeuomorph .result-download:hover,
.template-skeuomorph .result-back:hover { transform: translateY(-2px); box-shadow: -7px -7px 15px #fff, 8px 9px 18px rgba(130,145,164,.3); }
.template-skeuomorph .share-panel h2 { color: #304258; text-shadow: 0 1px #fff; }
.template-skeuomorph .share-button:hover { border-color: #fff; color: #263a51; background: #edf2f7; box-shadow: -6px -6px 13px #fff, 7px 8px 15px rgba(130,145,164,.28); }
.template-skeuomorph .copy-status { color: #4f806e; }

.template-skeuomorph footer { color: #748295; }
.template-skeuomorph .footer-actions button { color: #4f7095; }
.template-skeuomorph .footer-actions button:hover { color: #263d57; }
.template-skeuomorph .modal-backdrop { background: rgba(211,219,229,.78); }
.template-skeuomorph .contact-close { border-color: rgba(115,132,151,.25); color: #52677f; background: #e9eef4; box-shadow: -3px -3px 8px #fff, 3px 3px 8px rgba(130,145,164,.25); }
.template-skeuomorph .orbit { border-color: rgba(82,111,145,.34); }
.template-skeuomorph .orbit::after { background: #617f9f; box-shadow: 0 0 16px rgba(83,111,145,.45); }
.template-skeuomorph .orbit-two { border-color: rgba(181,133,107,.35); }
.template-skeuomorph .orbit-two::after { background: #bd8b70; box-shadow: 0 0 16px rgba(189,139,112,.42); }
.template-skeuomorph .orb-core { color: #fff; background: linear-gradient(145deg, #708dac, #4e6c8e); box-shadow: -5px -5px 12px #fff, 6px 7px 15px rgba(103,121,143,.34), inset 1px 1px rgba(255,255,255,.35); }
.template-skeuomorph #process-status { color: #53677e; }
.template-skeuomorph .progress-track { background: #dce3eb; box-shadow: inset 3px 3px 7px rgba(130,145,164,.25), inset -3px -3px 7px #fff; }
.template-skeuomorph .progress-track span { background: linear-gradient(90deg, #708eae, #91adca, #c79a80); }
.template-skeuomorph .success-icon { border-color: #6d9a89; color: #4f806e; background: #e5eee9; box-shadow: -4px -4px 10px #fff, 5px 5px 12px rgba(130,145,164,.24); }
.template-skeuomorph .result-back { color: #526b87; }

@media (max-width: 720px) {
    .template-skeuomorph .site-header {
        margin-top: 0;
        padding: 15px 0 13px;
        border-radius: 0;
        box-shadow: none;
    }
    .template-skeuomorph .site-header::before { height: 1px; }
    .template-skeuomorph .brand { padding: 0; }
    .template-skeuomorph .site-logo { width: auto; max-width: 112px; height: 38px; }
    .template-skeuomorph .language-switcher { padding: 4px; }
    .template-skeuomorph .hero-visual,
    .template-skeuomorph .forgiven-list,
    .template-skeuomorph .chart-card,
    .template-skeuomorph .modal-card { box-shadow: -7px -7px 18px rgba(255,255,255,.88), 9px 10px 23px rgba(139,153,172,.25); }
    .template-skeuomorph .apology-card {
        box-shadow: 0 0 0 3px rgba(255,255,255,.55), -7px -7px 18px rgba(255,255,255,.88), 0 18px 38px rgba(72,94,127,.27);
    }
}

@media (max-width: 360px) {
    .template-skeuomorph .site-logo { max-width: 82px; height: 34px; }
    .template-skeuomorph .brand { padding-inline: 3px; }
}
