/* RASPE Y GANA 9 TARJETAS - BANCO DE LA SUERTE */
.scratch-page{background:radial-gradient(circle at 85% 10%,rgba(22,163,74,.18),transparent 32%),radial-gradient(circle at 10% 0%,rgba(240,181,42,.18),transparent 30%),linear-gradient(180deg,#f4fff7 0%,#fff 100%)}
.scratch-money-hero{padding:46px 0 26px}.scratch-ticket-hero{position:relative;overflow:hidden;border-radius:34px;border:3px solid #0f7a3a;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.65),rgba(255,255,255,.2) 40%,transparent 70%),repeating-linear-gradient(135deg,rgba(15,122,58,.08) 0 9px,rgba(255,255,255,.05) 9px 18px),linear-gradient(135deg,#0b5f2a 0%,#0fa64a 48%,#063f20 100%);box-shadow:0 26px 70px rgba(6,95,42,.23),inset 0 0 0 8px rgba(255,255,255,.18)}
.scratch-ticket-hero:before,.scratch-ticket-hero:after{content:"$";position:absolute;width:190px;height:190px;display:grid;place-items:center;border-radius:50%;font-size:92px;font-weight:950;color:rgba(255,235,130,.22);border:7px solid rgba(255,235,130,.16);top:60px}.scratch-ticket-hero:before{left:54px}.scratch-ticket-hero:after{right:54px}
.scratch-ticket-top{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:18px 28px;background:rgba(255,255,255,.9);color:#05381c;text-transform:uppercase;letter-spacing:.04em;font-weight:950}.scratch-ticket-top span{justify-self:start;color:#0f7a3a}.scratch-ticket-top strong{font-size:28px;color:#063f20}.scratch-ticket-top em{justify-self:end;padding:8px 14px;border-radius:999px;background:#ef4444;color:#fff;font-style:normal}
.scratch-ticket-body{position:relative;z-index:2;display:grid;grid-template-columns:210px 1fr 210px;gap:18px;align-items:center;padding:34px 28px 30px}.winner-medallion{min-height:205px;display:grid;place-items:center;text-align:center;border-radius:34px;background:radial-gradient(circle at 50% 22%,rgba(255,242,145,.55),transparent 34%),linear-gradient(180deg,#075f2c,#032d17);border:4px solid rgba(255,232,120,.82);box-shadow:inset 0 0 0 7px rgba(255,255,255,.08)}.winner-medallion span{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:#facc15;color:#075f2c;font-size:62px;font-weight:950;box-shadow:0 12px 24px rgba(0,0,0,.22)}.winner-medallion small{color:#fff3a4;font-weight:950;text-transform:uppercase;line-height:1.05;font-size:18px}
.scratch-ticket-center{text-align:center;color:#fff}.scratch-badge,.scratch-kicker{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:999px;background:#fff7cc;border:1px solid #facc15;color:#946000;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.scratch-ticket-center h1{max-width:780px;margin:16px auto 12px;color:#fff7cc;font-family:var(--font-title,"Outfit","Manrope",Arial,sans-serif);font-size:clamp(42px,7vw,86px);line-height:.85;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 4px 0 rgba(0,0,0,.24),0 14px 28px rgba(0,0,0,.24)}.scratch-ticket-center p{max-width:680px;margin:0 auto;padding:12px 18px;border-radius:18px;background:rgba(0,0,0,.44);color:#fff;font-size:16px;line-height:1.45;font-weight:850;text-transform:uppercase}
.scratch-ticket-bottom{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:18px 24px 24px;background:rgba(3,45,23,.7)}.scratch-ticket-bottom strong,.scratch-ticket-bottom span{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border-radius:999px;background:#fff7cc;color:#063f20;border:2px solid #facc15;font-weight:950;text-transform:uppercase}
.scratch-section{padding:38px 0 80px}.scratch-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;align-items:start}.scratch-panel{background:rgba(255,255,255,.96);border:1px solid #cfe8d7;border-radius:30px;box-shadow:0 20px 52px rgba(6,95,42,.1);padding:28px}.scratch-panel h2{margin:12px 0 10px;color:#05381c;font-family:var(--font-title,"Outfit","Manrope",Arial,sans-serif);font-size:clamp(28px,3vw,42px);line-height:.95;letter-spacing:-.045em}.scratch-panel p{color:#55705f;line-height:1.6;font-weight:750}.scratch-form{display:grid;gap:16px;margin-top:20px}.scratch-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.scratch-field{display:grid;gap:8px}.scratch-field label{color:#05381c;font-weight:950}.scratch-field input{width:100%;min-height:52px;padding:13px 15px;border-radius:17px;border:1px solid #bedfc8;background:#fff;color:#05381c;font:inherit;font-weight:750;outline:none}.scratch-field input:focus{border-color:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.14)}.scratch-privacy-box{padding:14px 16px;border-radius:18px;background:#f0fdf4;border:1px solid #bbf7d0;color:#456852;line-height:1.5;font-weight:800}.scratch-message{margin-top:14px;padding:14px 16px;border-radius:16px;background:#f1f5f9;color:#05381c;font-weight:850}.scratch-message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.scratch-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.scratch-info-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;margin:22px 0}.scratch-info-grid div{padding:14px;background:#f7fff9;border:1px solid #cfe8d7;border-radius:18px}.scratch-info-grid small{display:block;margin-bottom:5px;color:#55705f;font-weight:850}.scratch-info-grid strong{display:block;color:#05381c;font-size:1.05rem;line-height:1.15}.scratch-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.scratch-card{border:0;background:transparent;padding:0;cursor:pointer;text-align:inherit;transition:.22s ease}.scratch-card.disabled{cursor:not-allowed;opacity:.62}.scratch-card:not(.disabled):hover{transform:translateY(-6px) scale(1.015)}.scratch-card.is-selected{transform:translateY(-4px) scale(1.015)}.scratch-card.is-used:not(.winner-card){opacity:.78}.scratch-card.is-locked:not(.is-selected){opacity:.5;pointer-events:none;filter:grayscale(.38)}.scratch-card-shell{position:relative;aspect-ratio:1/1.12;min-height:178px;border-radius:24px;overflow:hidden;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 8px,transparent 8px 16px),linear-gradient(135deg,#063f20,#16a34a);border:4px solid #fff;box-shadow:0 16px 34px rgba(6,95,42,.14)}
.scratch-hidden-result,.scratch-card-front{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:14px}.scratch-hidden-result{z-index:1;background:radial-gradient(circle at 50% 20%,rgba(250,204,21,.36),transparent 34%),linear-gradient(180deg,#fffef1 0%,#ecfdf5 100%);color:#05381c}.scratch-hidden-result.is-win{background:radial-gradient(circle at 50% 22%,rgba(250,204,21,.55),transparent 35%),linear-gradient(180deg,#fff7cc 0%,#fff 100%)}.scratch-hidden-result.is-lose{background:radial-gradient(circle at 50% 20%,rgba(148,163,184,.2),transparent 34%),linear-gradient(180deg,#f8fafc 0%,#fff 100%)}.scratch-result-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#0f7a3a,#16a34a);color:#fff7cc;font-size:27px;font-weight:950;margin:0 auto 8px;box-shadow:0 12px 24px rgba(6,95,42,.2)}.scratch-hidden-result strong{display:block;font-family:var(--font-title,"Outfit","Manrope",Arial,sans-serif);font-size:clamp(18px,1.6vw,28px);line-height:.95;letter-spacing:-.035em}.scratch-hidden-result small{display:block;margin-top:6px;color:#55705f;font-weight:850;line-height:1.25}
.scratch-card-front{z-index:3;color:#fff7cc;background:radial-gradient(circle at 50% 18%,rgba(250,204,21,.28),transparent 34%),repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 9px,transparent 9px 18px),linear-gradient(135deg,rgba(3,63,32,.96),rgba(15,122,58,.95));pointer-events:none}.scratch-card-front:before{content:"";position:absolute;inset:12px;border-radius:18px;border:2px dashed rgba(255,247,204,.38)}.scratch-card-number{position:absolute;top:10px;right:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff7cc;color:#063f20;font-weight:950;border:2px solid #facc15}.money-stack{position:relative;z-index:2;font-size:42px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.22))}.scratch-card-front strong{position:relative;z-index:2;display:block;margin-top:4px;font-family:var(--font-title,"Outfit","Manrope",Arial,sans-serif);font-size:clamp(21px,2vw,30px);line-height:.95;letter-spacing:-.045em;text-transform:uppercase}.scratch-card-front small{position:relative;z-index:2;display:block;margin-top:6px;color:rgba(255,247,204,.84);font-weight:850;font-size:12px}.scratch-canvas{position:absolute;inset:0;z-index:4;width:100%;height:100%;touch-action:none;display:none;cursor:crosshair}.scratch-card.can-scratch .scratch-card-front{display:none}.scratch-card.can-scratch .scratch-canvas{display:block}.scratch-card.finished .scratch-canvas,.scratch-card.finished .scratch-card-front{display:none}.scratch-card.show-answer .scratch-card-front{display:none}.scratch-card.show-answer .scratch-hidden-result{z-index:5}.scratch-card.winner-card .scratch-card-shell{box-shadow:0 0 0 5px rgba(250,204,21,.34),0 20px 46px rgba(250,204,21,.28)}.scratch-rules-list{margin:18px 0 0;padding-left:20px;color:#55705f;line-height:1.75;font-weight:750}.scratch-confetti{position:fixed;top:-24px;z-index:99999;border-radius:4px;pointer-events:none;opacity:.95;animation-name:scratchConfettiFall;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes scratchConfettiFall{0%{transform:translateY(-30px) rotate(0deg);opacity:1}100%{transform:translateY(112vh) rotate(920deg);opacity:0}}
@media(max-width:1100px){.scratch-ticket-body{grid-template-columns:1fr}.scratch-winner-side{display:none}.scratch-layout{grid-template-columns:1fr}}@media(max-width:760px){.scratch-money-hero{padding:28px 0 18px}.scratch-ticket-top{grid-template-columns:1fr;text-align:center}.scratch-ticket-top span,.scratch-ticket-top em{justify-self:center}.scratch-ticket-top strong{font-size:22px}.scratch-ticket-center h1{font-size:clamp(34px,11vw,54px)}.scratch-ticket-center p{font-size:13px}.scratch-panel{padding:20px;border-radius:24px}.scratch-form-grid,.scratch-info-grid{grid-template-columns:1fr}.scratch-cards-grid{grid-template-columns:repeat(3,1fr);gap:8px}.scratch-card-shell{min-height:126px;border-radius:16px;border-width:2px}.scratch-card-front:before{inset:8px;border-radius:12px}.scratch-card-number{width:26px;height:26px;font-size:12px;top:6px;right:6px}.money-stack{font-size:26px}.scratch-card-front strong{font-size:15px}.scratch-card-front small{display:none}.scratch-result-icon{width:34px;height:34px;border-radius:12px;font-size:18px}.scratch-hidden-result strong{font-size:14px}.scratch-hidden-result small{font-size:10px}}

/* =========================================================
   CASINO UPGRADE - RASPE Y GANA
========================================================= */
.scratch-page {
    background:
        radial-gradient(circle at 18% 0%, rgba(33,208,122,.18), transparent 30%),
        radial-gradient(circle at 86% 2%, rgba(246,197,86,.20), transparent 28%),
        linear-gradient(180deg, #030713 0%, #071b12 42%, #030713 100%) !important;
    color: #f8fbff !important;
}
.scratch-ticket-hero {
    border: 2px solid rgba(246,197,86,.72) !important;
    background:
        radial-gradient(circle at 50% 10%, rgba(255,231,154,.24), transparent 28%),
        repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 9px, transparent 9px 18px),
        linear-gradient(135deg, #03190d 0%, #0f7a3a 44%, #021008 100%) !important;
    box-shadow: 0 32px 95px rgba(0,0,0,.55), 0 0 38px rgba(246,197,86,.20), inset 0 0 0 8px rgba(255,255,255,.06) !important;
}
.scratch-ticket-top {
    background: rgba(3,7,19,.78) !important;
    color: #fff7d4 !important;
    border-bottom: 1px solid rgba(246,197,86,.30) !important;
}
.scratch-ticket-top strong,
.scratch-ticket-top span { color: #fff7d4 !important; }
.scratch-ticket-top em {
    background: linear-gradient(135deg, #ff365d, #ffb347) !important;
    color: #fff !important;
    box-shadow: 0 0 26px rgba(255,54,93,.26) !important;
}
.scratch-ticket-center h1 {
    color: #fff7d4 !important;
    text-shadow: 0 5px 0 rgba(0,0,0,.35), 0 0 32px rgba(246,197,86,.35) !important;
}
.scratch-ticket-center p {
    background: rgba(3,7,19,.66) !important;
    border: 1px solid rgba(246,197,86,.22) !important;
}
.winner-medallion {
    background: radial-gradient(circle at 50% 22%, rgba(255,231,154,.30), transparent 34%), linear-gradient(180deg,#092412,#020a05) !important;
    border-color: rgba(246,197,86,.68) !important;
    box-shadow: inset 0 0 0 7px rgba(255,255,255,.05), 0 0 28px rgba(246,197,86,.16) !important;
}
.scratch-card-shell {
    border: 2px solid rgba(246,197,86,.50) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(246,197,86,.18), transparent 32%),
        linear-gradient(145deg, #03190d, #050814) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.36), 0 0 20px rgba(33,208,122,.14) !important;
}
.scratch-card:not(.disabled):hover .scratch-card-shell {
    box-shadow: 0 26px 58px rgba(0,0,0,.44), 0 0 34px rgba(246,197,86,.26) !important;
}
.scratch-card-front {
    background:
        radial-gradient(circle at 50% 18%, rgba(246,197,86,.28), transparent 34%),
        repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 9px, transparent 9px 18px),
        linear-gradient(135deg, rgba(4,35,17,.98), rgba(5,8,20,.98)) !important;
}
.scratch-hidden-result {
    background:
        radial-gradient(circle at 50% 20%, rgba(246,197,86,.22), transparent 35%),
        linear-gradient(180deg, #0b132b, #050814) !important;
    color: #fff !important;
}
.scratch-hidden-result small,
.scratch-hidden-result strong { color: #fff !important; }
.scratch-info-grid div,
.scratch-privacy-box,
.scratch-rules-list {
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(246,197,86,.25) !important;
    color: rgba(248,251,255,.78) !important;
}


/* =========================================================
   RASPE Y GANA - TARJETAS CON IMÁGENES CASINO VERDE
   Imágenes:
   /assets/img/raspe/raspe-reverso.png
   /assets/img/raspe/raspe-ganadora.png
   /assets/img/raspe/raspe-perdedora.png
========================================================= */

.scratch-cards-grid {
    align-items: stretch;
}

.scratch-card-shell {
    aspect-ratio: 900 / 1260 !important;
    min-height: 255px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(246, 197, 86, .42) !important;
    background: #03190d !important;
    box-shadow:
        0 20px 42px rgba(0,0,0,.38),
        0 0 20px rgba(33,208,122,.12) !important;
}

.scratch-card-front {
    background-image: url('../img/raspe/raspe-reverso.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 0 !important;
}

.scratch-card-front::before {
    display: none !important;
}

/* Ocultamos los textos generados por HTML porque ahora vienen dentro de la imagen */
.scratch-card-front .money-stack,
.scratch-card-front strong,
.scratch-card-front small {
    display: none !important;
}

/* Mantenemos el número de la tarjeta, pero con estética de ficha */
.scratch-card-number {
    top: 12px !important;
    right: 12px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #fff0af, #d99f27) !important;
    color: #052e16 !important;
    border: 2px solid rgba(255,255,255,.75) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.28), 0 0 18px rgba(246,197,86,.22) !important;
    z-index: 9 !important;
}

.scratch-hidden-result {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 0 !important;
}

.scratch-hidden-result.is-win {
    background-image: url('../img/raspe/raspe-ganadora.png') !important;
    background-color: #163b0d !important;
}

.scratch-hidden-result.is-lose {
    background-image: url('../img/raspe/raspe-perdedora.png') !important;
    background-color: #3b0808 !important;
}

/* Ocultamos los textos e íconos internos del resultado porque ya están en las imágenes */
.scratch-hidden-result.is-win .scratch-result-icon,
.scratch-hidden-result.is-win strong,
.scratch-hidden-result.is-win small,
.scratch-hidden-result.is-lose .scratch-result-icon,
.scratch-hidden-result.is-lose strong,
.scratch-hidden-result.is-lose small {
    display: none !important;
}

/* Capa de raspado con estética metálica verde/dorada */
.scratch-card.can-scratch .scratch-canvas {
    border-radius: inherit !important;
}

/* Estados visuales */
.scratch-card.finished .scratch-card-shell,
.scratch-card.show-answer .scratch-card-shell {
    box-shadow:
        0 0 0 3px rgba(246,197,86,.28),
        0 22px 48px rgba(0,0,0,.42) !important;
}

.scratch-card.winner-card .scratch-card-shell {
    box-shadow:
        0 0 0 4px rgba(246, 197, 86, .58),
        0 0 36px rgba(246, 197, 86, .36),
        0 24px 54px rgba(0,0,0,.48) !important;
}

@media (max-width: 760px) {
    .scratch-card-shell {
        min-height: 168px !important;
        border-radius: 18px !important;
    }

    .scratch-card-number {
        width: 28px !important;
        height: 28px !important;
        font-size: 12px !important;
        top: 7px !important;
        right: 7px !important;
    }
}


/* =========================================================
   RASPE Y GANA - MODO CASINO OSCURO
   Igualado visualmente con la página Juegos.
   Este bloque va al final del archivo y pisa el modo claro.
========================================================= */

html body .scratch-page {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    background:
        radial-gradient(circle at 15% 0%, rgba(24,240,255,.12), transparent 30%),
        radial-gradient(circle at 86% 4%, rgba(246,197,86,.18), transparent 28%),
        radial-gradient(circle at 88% 48%, rgba(22,163,74,.16), transparent 34%),
        linear-gradient(180deg,#030713 0%,#081126 46%,#030713 100%) !important;
    color: rgba(231,240,255,.86) !important;
}

html body .scratch-page::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .34;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.14) 1px, transparent 1.5px),
        linear-gradient(rgba(246,197,86,.032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(24,240,255,.024) 1px, transparent 1px);
    background-size: 42px 42px, 68px 68px, 68px 68px;
    mask-image: linear-gradient(180deg, #000 0%, transparent 86%);
}

html body .scratch-money-hero,
html body .scratch-section {
    position: relative;
    z-index: 1;
}

html body .scratch-ticket-hero {
    background:
        radial-gradient(circle at 18% 0%, rgba(24,240,255,.12), transparent 34%),
        radial-gradient(circle at 88% 10%, rgba(246,197,86,.16), transparent 30%),
        radial-gradient(circle at 70% 80%, rgba(22,163,74,.18), transparent 36%),
        linear-gradient(145deg, rgba(11,19,43,.96), rgba(5,8,20,.99)) !important;
    border: 1px solid rgba(246,197,86,.38) !important;
    box-shadow:
        0 30px 90px rgba(0,0,0,.48),
        0 0 34px rgba(24,240,255,.10),
        inset 0 1px 0 rgba(255,255,255,.07) !important;
}

html body .scratch-ticket-hero::before,
html body .scratch-ticket-hero::after {
    opacity: .20 !important;
}

html body .scratch-ticket-top,
html body .scratch-ticket-bottom {
    background: rgba(5,8,20,.72) !important;
    color: rgba(231,240,255,.86) !important;
    border-color: rgba(246,197,86,.26) !important;
}

html body .scratch-ticket-top strong,
html body .scratch-ticket-center h1 {
    color: #ffffff !important;
    text-shadow:
        0 4px 0 rgba(0,0,0,.26),
        0 0 26px rgba(246,197,86,.20) !important;
}

html body .scratch-ticket-top span,
html body .scratch-ticket-bottom strong,
html body .scratch-ticket-bottom span {
    color: #fff0b7 !important;
}

html body .scratch-ticket-top em {
    background: linear-gradient(135deg,#fff0af,#d99f27) !important;
    color: #071326 !important;
}

html body .scratch-ticket-center p {
    background: rgba(3,7,19,.70) !important;
    border: 1px solid rgba(246,197,86,.24) !important;
    color: rgba(231,240,255,.86) !important;
}

html body .winner-medallion {
    background:
        radial-gradient(circle at 50% 20%, rgba(246,197,86,.24), transparent 38%),
        linear-gradient(145deg, rgba(8,52,28,.88), rgba(5,8,20,.94)) !important;
    border: 1px solid rgba(246,197,86,.36) !important;
}

html body .scratch-panel {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 0%, rgba(22,163,74,.13), transparent 34%),
        radial-gradient(circle at 90% 12%, rgba(246,197,86,.14), transparent 30%),
        linear-gradient(145deg, rgba(11,19,43,.94), rgba(5,8,20,.98)) !important;
    border: 1px solid rgba(246,197,86,.30) !important;
    box-shadow:
        0 30px 90px rgba(0,0,0,.48),
        0 0 34px rgba(24,240,255,.10),
        inset 0 1px 0 rgba(255,255,255,.07) !important;
}

html body .scratch-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 6px;
    background: linear-gradient(90deg,#0f7a3a,#18f0ff,#f6c556,#0f7a3a);
    box-shadow: 0 0 28px rgba(24,240,255,.20);
}

html body .scratch-panel h2,
html body .scratch-play-header h2 {
    color: #ffffff !important;
    text-shadow:
        0 4px 0 rgba(0,0,0,.26),
        0 0 26px rgba(246,197,86,.20) !important;
}

html body .scratch-panel p,
html body .scratch-play-header p,
html body .scratch-rules-list,
html body .scratch-rules-list li {
    color: rgba(231,240,255,.78) !important;
}

html body .scratch-kicker,
html body .scratch-badge {
    background: rgba(246,197,86,.12) !important;
    color: #fff0b7 !important;
    border: 1px solid rgba(246,197,86,.34) !important;
    box-shadow: 0 0 24px rgba(246,197,86,.12) !important;
}

html body .scratch-field label {
    color: #ffe79a !important;
}

html body .scratch-field input {
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(246,197,86,.24) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html body .scratch-field input::placeholder {
    color: rgba(231,240,255,.55) !important;
}

html body .scratch-privacy-box,
html body .scratch-message,
html body .scratch-info-grid > div {
    background:
        radial-gradient(circle at 20% 0%, rgba(246,197,86,.10), transparent 40%),
        linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
    border: 1px solid rgba(246,197,86,.26) !important;
    color: rgba(231,240,255,.78) !important;
}

html body .scratch-info-grid small {
    color: rgba(231,240,255,.66) !important;
}

html body .scratch-info-grid strong {
    color: #fff0b7 !important;
}

html body .scratch-card-shell {
    border: 1px solid rgba(246,197,86,.42) !important;
    box-shadow:
        0 20px 46px rgba(0,0,0,.42),
        0 0 22px rgba(22,163,74,.14) !important;
}

html body .btn.btn-primary,
html body .scratch-form .btn-primary {
    background: linear-gradient(135deg, #fff0af 0%, #f6c556 45%, #d99f27 100%) !important;
    color: #201400 !important;
    border: 1px solid rgba(255,255,255,.34) !important;
    box-shadow: 0 0 28px rgba(246,197,86,.20), 0 18px 34px rgba(0,0,0,.24) !important;
}

@media (max-width: 760px) {
    html body .scratch-layout,
    html body .scratch-form-grid {
        grid-template-columns: 1fr !important;
    }

    html body .scratch-ticket-body {
        grid-template-columns: 1fr !important;
    }

    html body .scratch-panel,
    html body .scratch-ticket-hero {
        border-radius: 24px !important;
    }
}