:root {
    --bg: #050505;
    --bg2: #0e0e0e;
    --panel: #171717;
    --card: #241b12;
    --card2: #3b2816;
    --gold: #f6c46b;
    --gold2: #ffe2a0;
    --orange: #b56b24;
    --orange2: #f1b65c;
    --border: #8a5a25;
    --red: #ff3030;
    --ink: #151515;
    --muted: #b8b0a6;
    --white: #ffffff;
}

* {
    box-sizing: border-box;
}

html {
    background: var(--bg);
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at 50% -120px, rgba(246, 196, 107, .18), transparent 34%),
        radial-gradient(circle at 90% 20%, rgba(181, 107, 36, .16), transparent 28%),
        linear-gradient(180deg, #111111 0%, #050505 48%, #000000 100%);
    color: var(--white);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
}

a {
    color: inherit;
    text-decoration: none;
}

img,
svg {
    display: block;
    max-width: 100%;
}

.site-header,
.access-page,
.phsure-footer,
.phsure-page-hero,
.phsure-section {
    width: min(480px, 100%);
    margin: 0 auto;
}

/* Header */
.site-header {
    position: sticky;
    top: 0;
    z-index: 90;
    background:
        linear-gradient(180deg, #21160d 0%, #090909 100%);
    border-bottom: 1px solid rgba(246, 196, 107, .28);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .42);
    backdrop-filter: blur(10px);
}

.site-nav {
    min-height: 66px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-logo img {
    width: 154px;
    height: auto;
    object-fit: contain;
}

.site-menu-btn {
    width: 44px;
    height: 42px;
    display: grid;
    place-content: center;
    gap: 5px;
    border: 1px solid rgba(246, 196, 107, .45);
    border-radius: 14px;
    background: linear-gradient(180deg, #3b2816, #151515);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
    cursor: pointer;
}

.site-menu-btn span {
    width: 22px;
    height: 2px;
    border-radius: 99px;
    background: var(--gold);
}

.site-menu {
    display: none;
    padding: 0 14px 14px;
    gap: 8px;
    flex-wrap: wrap;
}

.site-menu.is-open {
    display: flex;
}

.site-menu a {
    padding: 8px 12px;
    border: 1px solid rgba(246, 196, 107, .24);
    border-radius: 999px;
    background: linear-gradient(180deg, #2a1d10, #111111);
    color: #f5efe8;
    font-size: 13px;
    font-weight: 800;
}

/* Home */
.access-shell {
    min-height: calc(100vh - 66px);
    padding: 16px 12px 34px;
}

.access-title,
.access-panel,
.access-actions,
.access-save,
.access-tip,
.access-info {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid rgba(246, 196, 107, .34);
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(255, 226, 160, .13), transparent 32%),
        linear-gradient(180deg, #2b1d10 0%, #111111 100%);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, .42),
        inset 0 1px 0 rgba(255, 226, 160, .16);
}

.access-title {
    padding: 16px 14px;
    text-align: center;
    margin-bottom: 14px;
}

.access-title span,
.phsure-kicker {
    display: inline-flex;
    padding: 6px 12px;
    border: 1px solid rgba(246, 196, 107, .35);
    border-radius: 999px;
    color: var(--gold);
    background: rgba(246, 196, 107, .12);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .06em;
}

.access-title h1 {
    margin: 10px 0 6px;
    color: var(--gold2);
    font-size: 28px;
    line-height: 1.16;
    font-weight: 900;
    text-shadow: 0 3px 0 rgba(0, 0, 0, .2);
}

.access-title p {
    margin: 0;
    color: #d8cabb;
    font-size: 14px;
}

.access-panel {
    padding: 14px 12px 16px;
    margin-bottom: 14px;
}

.access-notice {
    margin: 0 0 14px;
    padding: 12px 14px;
    border: 1px solid rgba(246, 196, 107, .32);
    border-radius: 14px;
    background: linear-gradient(180deg, #2d2114 0%, #1a1510 100%);
    color: #ffd7a0;
    font-size: 13px;
    line-height: 1.65;
}

.access-notice p {
    margin: 0;
}

.access-notice strong {
    color: var(--gold2);
    font-weight: 900;
}

.access-lines {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 11px;
}

.access-line {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(246, 196, 107, .48);
    border-radius: 14px;
    background: linear-gradient(180deg, #3d2b18 0%, #1c1712 100%);
    color: var(--white);
    box-shadow:
        0 8px 16px rgba(0, 0, 0, .32),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

.access-line span {
    color: var(--white);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-weight: 800;
    white-space: nowrap;
}

.access-line i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #39e66f;
    box-shadow: 0 0 0 4px rgba(57, 230, 111, .14);
}

.access-line em {
    color: var(--gold2);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-style: italic;
    white-space: nowrap;
}

.access-save {
    margin-bottom: 14px;
    padding: 14px;
    text-align: center;
    color: var(--gold2);
    font-size: 20px;
    line-height: 1.28;
    font-weight: 900;
    text-shadow: 0 3px 0 rgba(0, 0, 0, .22);
}

.access-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 14px;
    padding: 14px;
}

.gold-btn,
.vpn-ok,
.quick-card b,
.phsure-side-card a,
.phsure-back-home a,
.phsure-primary-btn,
.phsure-card-grid a {
    border: 1px solid rgba(255, 226, 160, .74);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .28) 0%, rgba(255, 255, 255, 0) 42%),
        linear-gradient(180deg, #f1b65c 0%, #a85c1d 100%);
    color: var(--white);
    font-weight: 900;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .45),
        0 4px 0 rgba(91, 48, 13, .72),
        0 12px 20px rgba(0, 0, 0, .32);
}

.gold-btn {
    min-height: 54px;
    display: grid;
    place-items: center;
    padding: 9px 12px;
    font-size: 15px;
    line-height: 1.16;
    text-align: center;
    cursor: pointer;
}

button.gold-btn {
    font-family: inherit;
}

.access-tip {
    margin-bottom: 18px;
    padding: 13px 14px;
    color: var(--gold2);
    text-align: center;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 800;
}

.quick-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 0 0 20px;
}

.quick-card,
.phsure-side-card {
    padding: 14px;
    border: 1px solid rgba(246, 196, 107, .36);
    border-radius: 18px;
    background:
        radial-gradient(circle at 92% 12%, rgba(246, 196, 107, .14), transparent 32%),
        linear-gradient(180deg, #2b2116 0%, #17110c 100%);
    color: var(--white);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .34);
}

.quick-card strong {
    display: block;
    color: var(--gold);
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 6px;
}

.quick-card span {
    display: block;
    color: var(--white);
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 4px;
}

.quick-card small {
    display: block;
    color: #d8cabb;
    font-size: 13px;
}

.quick-card b {
    min-height: 42px;
    display: grid;
    place-items: center;
    margin-top: 12px;
    font-size: 17px;
}

.access-info {
    padding: 16px;
    color: #f5efe8;
}

.access-info h2 {
    margin: 0 0 8px;
    color: var(--gold2);
    font-size: 21px;
    line-height: 1.3;
    font-weight: 900;
}

.access-info p {
    margin: 0;
    color: #d5c7b8;
    font-size: 14px;
}

/* Inner pages */
.phsure-shell {
    width: min(480px, 100%);
    margin: 0 auto;
    padding: 0 12px;
}

.phsure-page-hero {
    padding: 22px 12px 12px;
}

.phsure-page-hero .phsure-shell,
.phsure-content,
.phsure-info-box,
.phsure-faq details,
.phsure-card-grid article {
    padding: 18px;
    border: 1px solid rgba(246, 196, 107, .32);
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(255, 226, 160, .12), transparent 32%),
        linear-gradient(180deg, #241b12 0%, #111111 100%);
    color: #f5efe8;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, .35),
        inset 0 1px 0 rgba(255, 226, 160, .1);
}

.phsure-page-hero h1 {
    margin: 14px 0 10px;
    color: var(--gold2);
    font-size: 32px;
    line-height: 1.1;
}

.phsure-page-hero p {
    margin: 0;
    color: #d8cabb;
    font-size: 16px;
}

.phsure-section {
    padding: 12px 12px 34px;
}

.phsure-content h2,
.phsure-content h3,
.phsure-faq summary {
    color: var(--gold2);
}

.phsure-content h2 {
    margin: 0 0 12px;
    font-size: 26px;
}

.phsure-content h3 {
    margin: 0 0 10px;
    font-size: 21px;
}

.phsure-content p {
    margin: 0 0 12px;
    color: #d5c7b8;
    font-size: 14px;
}

.phsure-page-layout,
.phsure-card-grid,
.phsure-footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.phsure-side-card strong,
.phsure-footer strong {
    display: block;
    color: var(--gold);
    margin-bottom: 8px;
}

.phsure-side-card p,
.phsure-footer p {
    color: #d8cabb;
}

.phsure-side-card a,
.phsure-back-home a,
.phsure-primary-btn,
.phsure-card-grid a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    padding: 10px 16px;
}

.phsure-faq {
    display: grid;
    gap: 10px;
}

.phsure-faq summary {
    cursor: pointer;
    font-weight: 900;
}

/* Footer */
.phsure-footer {
    padding: 26px 12px 0;
    background: linear-gradient(180deg, #171717 0%, #080808 100%);
    border-top: 1px solid rgba(246, 196, 107, .28);
    box-shadow: 0 -10px 28px rgba(0, 0, 0, .18);
}

.footer-brand {
    padding: 16px;
    border: 1px solid rgba(246, 196, 107, .28);
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(255, 226, 160, .12), transparent 32%),
        linear-gradient(180deg, #241b12 0%, #111111 100%);
    text-align: center;
}

.footer-brand p {
    margin: 0;
}

.footer-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
    margin-top: 12px;
}

.footer-links a {
    min-height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(180deg, #2d2114 0%, #15110d 100%);
    border: 1px solid rgba(246, 196, 107, .28);
    color: #f5efe8;
    text-align: center;
    font-weight: 800;
    box-shadow:
        0 8px 16px rgba(0, 0, 0, .24),
        inset 0 1px 0 rgba(255, 255, 255, .06);
}

.phsure-copy {
    margin: 20px -12px 0;
    padding: 14px;
    color: #d8cabb;
    text-align: center;
    border-top: 1px solid rgba(246, 196, 107, .18);
    background: rgba(0, 0, 0, .22);
}

/* Floating buttons */
.phsure-float-tools {
    position: fixed;
    right: calc(50% - 232px);
    bottom: 14px;
    z-index: 90;
    display: grid;
    gap: 8px;
}

.phsure-float-btn {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 226, 160, .72);
    border-radius: 50%;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0)),
        linear-gradient(180deg, #f1b65c, #a85c1d);
    color: var(--white);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .45);
    cursor: pointer;
}

.phsure-float-btn svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

/* VPN popup */
.vpn-modal,
.vpn-modal * {
    box-sizing: border-box;
}

.vpn-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    padding: 14px;
}

.vpn-modal.is-open {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vpn-mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .78);
    backdrop-filter: blur(6px);
}

.vpn-card {
    position: relative;
    width: min(94vw, 680px);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(246, 196, 107, .45);
    border-radius: 22px;
    background:
        radial-gradient(circle at top, rgba(246, 196, 107, .18), transparent 34%),
        linear-gradient(180deg, #2b1d10 0%, #111111 100%);
    color: var(--white);
    box-shadow:
        0 22px 70px rgba(0, 0, 0, .65),
        inset 0 1px 0 rgba(255, 226, 160, .18);
}

/* remove white pull head */
.vpn-card::before,
.vpn-card::after,
.vpn-modal-head::before,
.vpn-modal-head::after {
    display: none !important;
    content: none !important;
}

.vpn-close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(246, 196, 107, .48);
    border-radius: 50%;
    color: #ffe2a0;
    background: linear-gradient(180deg, #4b2c12, #17110a);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.vpn-modal-head {
    flex: 0 0 auto;
    padding: 22px 58px 18px 22px;
    border-bottom: 1px solid rgba(246, 196, 107, .24);
    background: linear-gradient(180deg, #3a2715, #20150c);
    text-align: left;
}

.vpn-modal-head h2 {
    margin: 0 0 6px;
    color: var(--gold2);
    font-size: 30px;
    line-height: 1.12;
    font-weight: 900;
}

.vpn-modal-head p {
    margin: 0;
    color: #e2d3c0;
    font-size: 15px;
}

.vpn-tabs {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 14px 16px;
    background: #111111;
}

.vpn-tab,
.vpn-tabs button {
    min-height: 44px;
    border: 1px solid rgba(246, 196, 107, .38);
    border-radius: 14px;
    color: #d9c7aa;
    background: linear-gradient(180deg, #2a1d10, #111111);
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.vpn-tab.is-active,
.vpn-tabs button.is-active {
    color: #15100a;
    border-color: #ffe2a0;
    background: linear-gradient(180deg, #ffe2a0, #f6c46b 45%, #b56b24);
    box-shadow: 0 8px 18px rgba(246, 196, 107, .22);
}

.vpn-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 18px;
    background: #111111;
}

.vpn-panel {
    display: none;
}

.vpn-panel.is-active {
    display: block;
}

.vpn-tutorial-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.vpn-tutorial-step {
    overflow: hidden;
    padding: 14px;
    border: 1px solid rgba(246, 196, 107, .30);
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(255, 226, 160, .12), transparent 30%),
        linear-gradient(180deg, #302111, #15100a);
    box-shadow:
        0 10px 18px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .06);
}

.vpn-tutorial-step strong {
    display: grid;
    place-items: center;
    min-height: 44px;
    margin-bottom: 12px;
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0)),
        linear-gradient(180deg, #f1b65c, #a85c1d);
    color: var(--white);
    font-size: 16px;
    font-weight: 900;
}

.vpn-tutorial-step img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 14px;
    border: 1px solid rgba(246, 196, 107, .34);
    background: #080808;
}

.vpn-tutorial-step p {
    margin: 10px 0 0;
    color: var(--gold2);
    font-size: 13px;
    line-height: 1.45;
    text-align: center;
    font-weight: 700;
}

.vpn-ok {
    width: 100%;
    min-height: 48px;
    margin-top: 16px;
    font-size: 16px;
    cursor: pointer;
}

/* Motion */
.footer-links a:hover,
.site-menu a:hover,
.access-line:hover,
.gold-btn:hover,
.quick-card b:hover,
.phsure-float-btn:hover,
.vpn-close:hover,
.vpn-ok:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.access-line,
.gold-btn,
.quick-card b,
.footer-links a,
.site-menu a,
.phsure-float-btn,
.vpn-close,
.vpn-ok {
    transition: transform .18s ease, filter .18s ease, border-color .18s ease;
}

/* Mobile */
@media (max-width: 520px) {
    .vpn-modal.is-open {
        align-items: flex-start;
        justify-content: center;
        overflow-y: auto;
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .vpn-card {
        width: 96vw;
        max-height: calc(100vh - 36px);
        border-radius: 20px;
    }

    .vpn-modal-head {
        padding: 20px 58px 16px 20px;
    }

    .vpn-modal-head h2 {
        font-size: 27px;
    }

    .vpn-body {
        padding: 14px;
    }

    .vpn-tutorial-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

@media (max-width: 480px) {
    .phsure-float-tools {
        right: 10px;
        bottom: 10px;
    }
}

@media (max-width: 380px) {
    .access-actions,
    .access-lines,
    .footer-links {
        grid-template-columns: 1fr;
    }

    .access-line span {
        font-size: 17px;
    }

    .access-line em {
        font-size: 15px;
    }
}
/* ===== Final fix: VPN popup must scroll down ===== */

html.vpn-open,
body.vpn-open {
    overflow: hidden;
}

.vpn-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    padding: 16px 10px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.vpn-modal.is-open {
    display: block;
}

.vpn-mask {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .78);
    backdrop-filter: blur(6px);
}

.vpn-card {
    position: relative;
    z-index: 2;
    width: min(96vw, 680px);
    max-height: none;
    min-height: auto;
    margin: 0 auto 24px;
    display: block;
    overflow: visible;
    border: 1px solid rgba(246, 196, 107, .45);
    border-radius: 22px;
    background:
        radial-gradient(circle at top, rgba(246, 196, 107, .18), transparent 34%),
        linear-gradient(180deg, #2b1d10 0%, #111111 100%);
    color: #ffffff;
    box-shadow:
        0 22px 70px rgba(0, 0, 0, .65),
        inset 0 1px 0 rgba(255, 226, 160, .18);
}

/* 去掉白色下拉头 */
.vpn-card::before,
.vpn-card::after,
.vpn-modal-head::before,
.vpn-modal-head::after {
    display: none !important;
    content: none !important;
}

.vpn-modal-head {
    position: relative;
    padding: 22px 58px 18px 22px;
    border-bottom: 1px solid rgba(246, 196, 107, .24);
    background: linear-gradient(180deg, #3a2715, #20150c);
    text-align: left;
}

.vpn-close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(246, 196, 107, .48);
    border-radius: 50%;
    color: #ffe2a0;
    background: linear-gradient(180deg, #4b2c12, #17110a);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.vpn-tabs {
    position: sticky;
    top: 0;
    z-index: 4;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 14px 16px;
    background: #111111;
    border-bottom: 1px solid rgba(246, 196, 107, .18);
}

.vpn-body {
    max-height: none;
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 18px;
    background: #111111;
}

.vpn-panel {
    display: none;
}

.vpn-panel.is-active {
    display: block;
}

.vpn-tutorial-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.vpn-tutorial-step {
    overflow: hidden;
    padding: 14px;
    border: 1px solid rgba(246, 196, 107, .30);
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(255, 226, 160, .12), transparent 30%),
        linear-gradient(180deg, #302111, #15100a);
}

.vpn-tutorial-step img {
    width: 100%;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    display: block;
    border-radius: 14px;
    border: 1px solid rgba(246, 196, 107, .34);
    background: #080808;
}

@media (max-width: 520px) {
    .vpn-modal {
        padding: 14px 8px 24px;
    }

    .vpn-card {
        width: 96vw;
        margin-bottom: 28px;
        border-radius: 20px;
    }

    .vpn-tutorial-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .vpn-body {
        padding: 14px;
    }
}
.home-faq-card {
    margin: 0 auto 18px;
    padding: 16px;
    border: 1px solid rgba(246, 196, 107, .34);
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(255, 226, 160, .13), transparent 32%),
        linear-gradient(180deg, #2b1d10 0%, #111111 100%);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, .42),
        inset 0 1px 0 rgba(255, 226, 160, .16);
}

.home-faq-card h2 {
    margin: 0 0 12px;
    color: #ffe2a0;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 900;
}

.home-faq-list {
    display: grid;
    gap: 10px;
}

.home-faq-list details {
    padding: 12px;
    border: 1px solid rgba(246, 196, 107, .26);
    border-radius: 14px;
    background: linear-gradient(180deg, #2a1d10, #111111);
}

.home-faq-list summary {
    color: #f6c46b;
    font-weight: 900;
    cursor: pointer;
}

.home-faq-list p {
    margin: 8px 0 0;
    color: #d9c7aa;
    font-size: 14px;
    line-height: 1.55;
}
.phsure-top-action {
    margin: 14px 0 18px;
}

.phsure-top-action a {
    width: 100%;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 226, 160, .74);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .28) 0%, rgba(255, 255, 255, 0) 42%),
        linear-gradient(180deg, #f1b65c 0%, #a85c1d 100%);
    color: #ffffff;
    font-weight: 900;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .45),
        0 4px 0 rgba(91, 48, 13, .72),
        0 12px 20px rgba(0, 0, 0, .32);
}