@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}

@keyframes fadeIn2 {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeIn3 {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes giftFlyIn {
  0% {
    opacity: 0;
    transform: translate(-250px, -300px) rotate(-25deg) scale(0.4);
  }

  70% {
    opacity: 1;
    transform: translate(10px, -10px) rotate(5deg) scale(1.08);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0) rotate(0) scale(1);
  }
}

@keyframes tempGiftFlyIn {
  0% {
    opacity: 0;
    transform: translate(-300px, -350px) rotate(-30deg) scale(0.4);
  }

  25% {
    opacity: 1;
  }

  75% {
    opacity: 1;
    transform: translate(0, 0) rotate(5deg) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(15px, 10px) rotate(0) scale(0.9);
  }
}

@keyframes snowfall {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }

  25% {
    transform: translate(20px, 25vh) rotate(90deg);
  }

  50% {
    transform: translate(-15px, 50vh) rotate(180deg);
  }

  75% {
    transform: translate(25px, 75vh) rotate(270deg);
  }

  100% {
    transform: translate(-10px, 110vh) rotate(360deg);
  }
}

@keyframes fall {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  100% {
    transform: translateY(110vh) rotate(360deg);
  }
}

@keyframes ll_show {
  from {
    transform: translate(-100%, -50%);
  }
  to {
    transform: translate(0, -50%);
  }
}

@keyframes lr_show {
  from {
    transform: translate(100%, -50%);
  }
  to {
    transform: translate(0, -50%);
  }
}

@font-face{font-family:Apex;src:url('assets/ApexNew-medium.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Apex;src:url('assets/ApexNew-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Apex;src:url('assets/ApexNew-heavy.woff2') format('woff2');font-weight:900;font-display:swap}
:root{--navy:#07457d;--blue:#0067ad;--red:#d91b26;--gold:#ffc82c;--muted:#44627f;--snow:#eef5fa;--rail:76px;--header:76px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font:400 18px/1.5 Apex,Arial,sans-serif;color:var(--navy);background:#fff}img{max-width:100%;height:auto}a{color:inherit}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #c11922;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;font-weight:900}h2{font-size:clamp(30px,3vw,44px);text-wrap:balance}h3{font-size:24px}p+p{margin-top:14px}.container{max-width:1060px;margin:auto;width:calc(100% - 96px)}.narrow{max-width:860px}.section{padding:68px 0;text-align:center}.eyebrow{display:block;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.red{color:var(--red)}.section-intro{max-width:670px;margin:22px auto 30px;color:var(--muted);font-size:20px}.section-intro strong{color:var(--navy)}.skip-link{position:fixed;top:-100px;left:96px;z-index:99;background:white;padding:12px}.skip-link:focus{top:10px}.brand-rail{position:fixed;z-index:30;left:0;top:0;bottom:0;width:var(--rail);background:linear-gradient(#143c70,#007ec3);border-right:3px solid #fff;box-shadow:2px 0 #1b73b2;padding:24px 12px;text-align:center}.brand-rail img{width:56px}.brand-rail nav{display:grid;gap:17px;margin-top:44px}.brand-rail nav a{display:grid;place-content:center;position:relative;width:39px;height:39px;margin:auto;font-size:24px;font-weight:700;text-decoration:none;color:#b3d6ec;border-radius:50%}.brand-rail nav a:hover,.rail-current{background:#fff;color:var(--navy)!important}.brand-rail nav span{display:none;position:absolute;top:0;left:46px;white-space:nowrap;padding:7px 12px;border-radius:6px;background:white;font-size:15px;color:var(--navy);box-shadow:0 5px 15px #0b41642a}.brand-rail nav a:hover span,.brand-rail nav a:focus-visible span{display:block}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:26px;height:var(--header);padding:0 34px;background:#fff;box-shadow:0 2px 10px #223f5820}.brand{flex-shrink:0;display:flex;align-items:center}.brand img{width:114px;height:auto}.main-nav{display:flex;gap:20px;margin-left:auto;align-items:center}.main-nav a{text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current]{color:var(--red)}.header-actions{display:flex;align-items:center;gap:14px}.icon-button{padding:7px;border:0;background:transparent;width:36px;height:36px;display:grid;place-content:center}.icon-button svg,.account svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.account{text-decoration:none;font-size:13px;font-weight:700;padding:9px 14px;color:#fff;background:var(--blue);border-radius:6px;white-space:nowrap}.account svg{display:none}.app-icon{display:flex}.app-icon img{width:40px;height:40px;object-fit:contain}.spelling{display:flex}.spelling img{width:48px}.menu-toggle{display:none}#site-search{position:absolute;right:30px;top:calc(100% + 10px);padding:20px;background:#fff;box-shadow:0 8px 25px #10375a30;border-radius:10px;gap:10px;align-items:center}#site-search:not([hidden]){display:flex}#site-search input{border:1px solid #a2b7cc;border-radius:5px;padding:8px;max-width:200px}#site-search button{background:var(--navy);color:white;border:0;border-radius:5px;padding:8px 12px}.social-rail{position:fixed;top:150px;right:0;display:grid;gap:12px;padding:12px 9px;z-index:15;background:#fff;border-radius:16px 0 0 16px;box-shadow:0 3px 10px #0a4d6d15}.social-rail a{display:flex}.social-rail img{width:25px;height:25px}.social-rail a:nth-child(3){margin-top:10px}.hero{position:relative;min-height:590px;overflow:hidden;background:#eef6fb}.hero-scene{position:absolute;top:50%;right:0;width:137%;max-width:none;min-height:100%;object-fit:cover;transform:translateY(-50%)}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,#eef5fa)}.hero-copy{position:relative;z-index:1;max-width:550px;width:44%;margin-left:52%;padding:86px 44px 96px 0;text-align:center}.hero-copy h1{font-size:clamp(48px,5.5vw,78px);color:var(--red);font-style:italic;letter-spacing:-.02em;text-shadow:3px 3px 0 #fff;margin-bottom:20px}.hero-lead{font-size:clamp(24px,2.5vw,34px);font-weight:700;line-height:1.17;text-wrap:balance;margin-bottom:14px}.hero-lead strong{color:var(--red);white-space:nowrap}.hero-copy>p:not(.hero-lead){font-size:18px;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:13px 26px;border-radius:9px;text-decoration:none;font-size:20px;font-weight:900;line-height:1.2;transition:transform .15s,box-shadow .15s}.gold{color:#573808;background:linear-gradient(120deg,#ffb821,#ffdc50);border:1px solid #edb52e;border-bottom:4px solid #e9a516;box-shadow:0 5px 15px #725b1420}.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #725b1430}.text-link{display:inline-block;font-weight:700;text-decoration:underline;text-underline-offset:4px}.hero-copy>.text-link{display:table;margin:18px auto 0;font-size:17px}.how{background:var(--snow);padding-top:44px}.steps{list-style:none;padding:0;margin:34px 0 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}.steps li{position:relative;background:#fff;border:1px solid #d8e6ef;border-radius:18px;padding:26px 20px 22px;box-shadow:0 5px 14px #28588008}.step-number{position:absolute;top:16px;left:16px;display:grid;place-content:center;width:33px;height:33px;background:var(--gold);border-radius:50%;font-size:19px;font-weight:900}.steps img,.steps .ornament{display:block;width:126px;height:126px;object-fit:contain;margin:5px auto 22px}.steps img.step-app{width:96px;height:126px}.steps h3{font-size:22px;margin-bottom:12px}.steps p{font-size:17px;line-height:1.42;color:var(--muted)}.steps strong{color:var(--navy)}.app-download{scroll-margin-top:96px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:20px;border-radius:16px;text-align:left;padding:24px 28px}.download-icon{width:66px;height:66px;object-fit:contain;flex-shrink:0}.app-download h3{font-size:24px;margin-bottom:7px}.app-download p{font-size:16px;max-width:450px;line-height:1.35}.stores{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-left:auto;min-width:155px}.stores a{display:flex;border-radius:7px}.stores img{width:145px;object-fit:contain}.stores a:hover{opacity:.8}.draws{background:#fff}.draw-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}.draw-card{border:1px solid #c9dce9;background:#f0f6fa;border-radius:18px;padding:28px 30px}.final-draw{background:#fff8e7;border-color:#f2dfa7}.draw-card-top{display:flex;align-items:center;gap:20px;margin-bottom:20px}.draw-symbol{display:grid;place-content:center;width:70px;height:70px;background:#fff;color:var(--blue);border:1px solid #d6e5ef;border-radius:14px;font-size:38px;font-weight:900;line-height:.9;text-align:center;flex-shrink:0}.draw-symbol span{font-size:13px;margin-top:7px}.final-draw .draw-symbol{color:var(--red);border-color:#efdfbb}.tag{font-size:14px;font-weight:700}.draw-card h3{font-size:27px;margin-bottom:16px}.draw-card p{font-size:18px;color:var(--muted)}.draw-card strong{color:var(--navy)}.card-note{border-top:1px solid #cadbe7;padding-top:16px;margin-top:20px!important;font-size:16px!important;font-weight:700;color:var(--navy)!important}.final-draw .card-note{border-color:#eddfba}.repeat-note{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:26px;color:var(--muted);font-size:17px}.repeat-note span{color:var(--red);font-size:25px;margin-right:4px}.repeat-note strong{color:var(--navy)}.prizes{position:relative;background:#dce8f3;padding-bottom:62px;isolation:isolate}.prize-block{margin-top:32px}.prize-block h3{font-size:25px;text-wrap:balance}.prize-block p{color:var(--muted);margin:14px 0 24px;font-size:18px}.prize-block picture{display:block;max-width:940px;margin:auto}.prize-banner{display:block;width:100%;height:auto}.periodic-prizes{margin-top:44px}.gift-decoration{position:absolute;width:90px;top:-32px;right:5%;transform:rotate(8deg);z-index:-1}.dates-detail{max-width:740px;margin:24px auto 0;text-align:left;background:#ffffffbf;border:1px solid #c8d9e6;border-radius:12px}.dates-detail summary{font-size:18px}.dates-scroll{padding:0 24px 24px}table{border-collapse:collapse;width:100%;font-size:16px}caption{text-align:left;color:var(--muted);font-size:14px;margin-bottom:10px}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid #d3e0ea}th{background:#e6eff6}.faq{background:#f8fbfd}details{border-bottom:1px solid #d3e0e9;text-align:left}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:20px;font-weight:700;line-height:1.3}summary::-webkit-details-marker{display:none}summary>span{flex-shrink:0;font-size:27px;font-weight:400;transition:transform .2s}details[open]>summary>span{transform:rotate(45deg)}details>div:not(.dates-scroll){padding:0 40px 22px 0;color:var(--muted);font-size:18px}.faq h2{margin-bottom:26px}.faq details strong{color:var(--navy)}.faq details a{color:var(--navy);font-weight:700}.dates-detail summary{padding:20px 24px}.closing{background:linear-gradient(#e7f0f6,#fff);position:relative;text-align:center;padding:110px 0 60px;overflow:hidden}.snow-wave{position:absolute;top:-1px;left:0;width:100%;height:100px;object-fit:cover;object-position:bottom}.closing .container{position:relative}.closing h2{font-size:40px}.closing p{margin:18px 0 24px}.rules-link{display:table;margin:22px auto 0;font-weight:700;text-underline-offset:4px;font-size:16px}.rules-link span{font-weight:400}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 64px;border-top:1px solid #d7e4ed;font-size:14px;line-height:1.5}.site-footer>a img{width:110px}.site-footer>div>a{font-weight:700;text-underline-offset:3px}.footer-social{display:flex;gap:14px;margin-top:12px}.footer-social img{width:23px;height:23px;display:block}.preview-notice{padding:9px 16px;text-align:center;font-size:12px;color:#526d86;background:#eef3f7}
@media(min-width:1600px){.hero{min-height:680px}.hero-copy{padding-top:120px}.hero-scene{width:133%}}
@media(max-width:1350px){.main-nav{gap:14px}.site-header{gap:18px;padding:0 24px}.header-actions{gap:10px}.spelling{display:none}.account{padding:9px}.account span{display:none}.account svg{display:block;width:20px;height:20px}.hero-copy{padding-top:70px;padding-right:48px}.hero{min-height:560px}}
@media(max-width:1120px){:root{--rail:64px;--header:68px}.main-nav{display:none;position:absolute;top:var(--header);left:0;right:0;background:#fff;padding:25px;flex-wrap:wrap;box-shadow:0 12px 20px #144d7620;gap:22px}.main-nav.is-open{display:flex}.menu-toggle{display:grid}.header-actions{margin-left:auto;gap:16px}.account span{display:inline}.account svg{display:none}.hero{min-height:540px}.hero-copy{padding-top:76px;width:47%;margin-left:49%;padding-right:40px}.hero-copy h1{font-size:60px}.hero-lead{font-size:29px}.hero-scene{width:139%}.container{width:calc(100% - 80px)}.steps{grid-template-columns:repeat(2,1fr)}.steps li{padding:28px 24px 24px}.steps img,.steps .ornament{height:110px;margin-bottom:20px}.steps .step-app{height:110px!important}.stores{flex-direction:column}.social-rail{display:none}.site-footer{padding:30px 40px}}
@media(max-width:760px){:root{--rail:0px;--header:64px}.brand-rail{display:none}.site-header{padding:0 20px}.brand img{width:98px}.header-actions{gap:10px}.account{background:transparent;color:var(--navy);padding:7px}.account span{display:none}.account svg{display:block}.app-icon img{width:34px;height:34px}.hero{display:flex;flex-direction:column;min-height:0;padding-bottom:0}.hero-scene{position:relative;width:100%;height:330px;min-height:0;object-fit:cover;object-position:center 58%;transform:none;top:auto;right:auto;order:2}.hero:after{height:55px}.hero-copy{width:100%;max-width:none;margin:0;padding:36px 26px 8px;background:linear-gradient(#eef5fa,#f6fafc);text-align:center}.hero-copy .eyebrow{font-size:12px;margin-bottom:10px}.hero-copy h1{font-size:54px;margin-bottom:15px}.hero-lead{font-size:29px;max-width:470px;margin-left:auto;margin-right:auto}.hero-copy>p:not(.hero-lead){font-size:17px;margin-bottom:21px}.hero-copy>.text-link{margin-top:15px}.button{font-size:19px;min-height:52px;padding:13px 22px;gap:18px}.container{width:calc(100% - 40px)}.section{padding:46px 0}.eyebrow{font-size:12px;letter-spacing:.06em}.how{padding-top:22px}.steps{gap:14px;margin-top:28px}.steps li{padding:25px 18px 22px}.steps h3{font-size:21px}.steps p{font-size:16px}.step-number{width:29px;height:29px;font-size:17px;top:12px;left:12px}.steps img,.steps .ornament{width:104px;height:104px}.app-download{flex-wrap:wrap;padding:24px;gap:16px}.app-download>div:not(.stores){flex:1;min-width:180px}.download-icon{width:54px;height:54px}.app-download h3{font-size:23px}.stores{width:100%;flex-direction:row;justify-content:center;gap:12px;margin:4px 0 0}.stores img{width:140px}.draw-grid{grid-template-columns:1fr;gap:18px}.draw-card{padding:24px}.draw-card h3{font-size:25px}.draw-card p{font-size:17px}.section-intro{font-size:18px;margin:20px auto 26px}.repeat-note{font-size:16px;display:block;line-height:1.55}.repeat-note strong{display:inline-block;margin-right:5px}.repeat-note span{margin-right:8px}.prize-block h3{font-size:23px}.prize-block p{font-size:17px;margin:14px 0 22px}.prize-block{margin-top:26px}.periodic-prizes{margin-top:36px}.gift-decoration{display:none}.prize-block picture{max-width:570px}.prizes .container{width:calc(100% - 32px)}summary{font-size:18px;padding:20px 0;gap:18px}details>div:not(.dates-scroll){font-size:17px;padding-right:10px}.dates-detail summary{padding:18px;font-size:17px}.dates-scroll{padding:0 12px 18px}.dates-scroll th,.dates-scroll td{padding:8px}.closing{padding:100px 0 46px}.closing h2{font-size:34px}.closing p{font-size:17px}.site-footer{flex-wrap:wrap;padding:30px 24px;gap:22px;align-items:flex-start}.site-footer p{max-width:245px}.site-footer>div{width:100%;display:flex;justify-content:space-between;align-items:center}.footer-social{margin:0}#site-search:not([hidden]){left:12px;right:12px;flex-wrap:wrap;padding:18px}#site-search label{width:100%}#site-search input{max-width:none;flex:1;min-width:100px}}
@media(max-width:420px){.steps{grid-template-columns:1fr}.steps li{display:grid;grid-template-columns:88px 1fr;column-gap:16px;padding:22px 20px 22px 24px}.steps img,.steps .ornament{grid-row:span 2;grid-column:1;width:80px;height:100px;margin:5px 0 0;align-self:center}.steps img.step-app{width:68px;height:100px!important}.steps h3{grid-column:2;font-size:22px;align-self:end;margin-bottom:8px}.steps p{grid-column:2}.step-number{top:12px;left:12px;width:25px;height:25px;font-size:15px}.hero-copy h1{font-size:48px}.hero-lead{font-size:26px}.hero-scene{height:290px}.app-download{padding:22px 18px}.stores img{width:132px}.app-download>div:not(.stores){min-width:170px}.section h2{font-size:31px}.hero-copy{padding-left:20px;padding-right:20px}.header-actions{gap:6px}.site-header{padding:0 15px;gap:14px}.site-footer p{font-size:13px;max-width:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,summary>span{transition:none}}

.brand-rail nav a>img{width:27px;height:27px;filter:brightness(0) invert(1);opacity:.65}.brand-rail nav a:hover>img,.brand-rail nav .rail-current>img{filter:none;opacity:1}

@media(max-width:760px){.hero-scene{width:180%;margin-left:-40%;height:330px;object-position:center 62%}}
@media(max-width:420px){.hero-scene{height:320px}}

/* Original Christmas app block: supplied captain art and original event.css gradient. */
.app-banner-section{background:var(--snow);padding:28px 0 42px;scroll-margin-top:96px}
.app-banner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:36px;padding:42px 44px;border-radius:25px;border-left:2px solid #b98d5d;border-top:2px solid #b98d5d;background:linear-gradient(45deg,#8f1105 0%,#925121 50%,#fc0 100%);box-shadow:0 12px 22px -1px #0000004d;color:#fff;text-align:center}

section {
   height: auto;
}

main.sub_page {
    padding-bottom: 0;
    padding-top: 59px;
}

.app-captain{display:block;grid-column:2;grid-row:1;width:270px;height:auto;margin:auto}
.app-banner-copy{grid-column:1;grid-row:1;min-width:0}
.app-banner h2{font-size:clamp(26px,2.7vw,34px);text-transform:uppercase;margin-bottom:20px}
.app-banner p{font-size:18px;line-height:1.4;max-width:560px;margin-left:auto;margin-right:auto}
.app-banner-stores{display:flex;align-items:center;justify-content:center;gap:0;margin-top:24px}
.app-banner-icon{display:block;width:66px;height:66px;object-fit:contain;flex-shrink:0}
.app-store-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px;border-radius:10px;background:#ffffff4d}
.app-store-links a{display:flex;border-radius:4px}
.app-store-links a:hover{opacity:.8}
.app-store-links img{display:block;width:145px;height:auto}
.app-banner a:focus-visible{outline-color:#fff}
@media(max-width:1000px){.app-banner{grid-template-columns:minmax(0,1fr) 210px;gap:24px;padding:32px}.app-captain{width:210px}.app-banner h2{font-size:28px}.app-banner p{font-size:17px}.app-banner-stores{flex-wrap:wrap;gap:12px}.app-store-links img{width:132px}}
@media(max-width:760px){.app-banner-section{padding:22px 0 36px;scroll-margin-top:76px}.app-banner{display:flex;flex-direction:column;gap:20px;padding:28px 20px}.app-captain{width:180px}.app-banner-copy{width:100%}.app-banner h2{font-size:26px}.app-banner h2 br{display:none}.app-banner p{font-size:17px}.app-banner-stores{flex-direction:column;gap:10px;margin-top:20px}.app-banner-icon{width:58px;height:58px}.app-store-links{width:100%;max-width:330px;padding:8px;gap:10px}.app-store-links img{width:132px}}
@media(max-width:360px){.app-banner{padding:24px 16px}.app-banner h2{font-size:24px}.app-store-links img{width:140px}}

/* Client review: legible Apex headings and full snow contours. */
h1,h2,h3{letter-spacing:.025em}
.hero-copy h1{letter-spacing:.01em}
.steps h3,.draw-card h3{letter-spacing:.03em}
strong{letter-spacing:.012em}
.button{letter-spacing:.02em}
.closing{--snow-height:clamp(100px,13.25vw,220px);padding-top:calc(var(--snow-height) + 28px);background:linear-gradient(180deg,#f8fbfd 0,#ecf4f7 var(--snow-height),#fff 100%)}
.snow-wave{top:0;height:var(--snow-height);object-fit:fill;object-position:center;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 20px);mask-image:linear-gradient(to bottom,transparent 0,#000 20px)}

/* Original gifts stay in reserved gutters; snow overlays never receive input. */
.has-side-gifts{position:relative;overflow:hidden;isolation:isolate}
.side-gift{position:absolute;top:var(--anchor-y,0px);width:clamp(320px,28vw,440px);pointer-events:none;user-select:none;z-index:0;transform:translate3d(calc(var(--edge-shift) + var(--gift-nudge,0px)),var(--scroll-lift,0px),0) rotate(var(--scroll-turn,0deg));transition:transform .3s ease-out}
.gift-left{left:0;--edge-shift:-46%}.gift-right{right:0;--edge-shift:46%}
.gift-float{animation:gift-hover 7s ease-in-out infinite;animation-delay:var(--float-delay);animation-play-state:paused}
.side-gift.is-visible .gift-float{animation-play-state:running}
.gift-float img{display:block;width:100%;height:auto}
.has-side-gifts>.container{position:relative;z-index:1}
@keyframes gift-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
.snowfall{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:12;contain:strict}
.falling-flake{position:absolute;top:-70px;left:var(--x);width:var(--size);height:var(--size);opacity:var(--flake-opacity,.65);filter:drop-shadow(0 1px 2px #29577a18);animation:flake-fall var(--duration) linear infinite;animation-delay:var(--delay);will-change:auto}
@keyframes flake-fall{0%{transform:translate3d(0,-70px,0) rotate(0deg);opacity:0}6%,94%{opacity:var(--flake-opacity,.65)}100%{transform:translate3d(var(--drift),var(--fall-distance,calc(100vh + 140px)),0) rotate(200deg);opacity:0}}
.motion-paused .falling-flake,.motion-paused .gift-float{animation-play-state:paused}
@media(min-width:1180px){.has-side-gifts>.container{width:calc(100% - 560px);max-width:1060px}}
@media(max-width:1179px){.side-gift{width:280px}}
@media(max-width:760px){.side-gift{width:220px}.side-gift[data-anchor="jak-na-to"],.side-gift[data-anchor="posledni-sance"]{left:50%;right:auto;--edge-shift:-50%}.falling-flake{opacity:var(--flake-opacity,.6)}.falling-flake:nth-child(n+15){display:none}}
@media(prefers-reduced-motion:reduce){.snowfall{display:none}.side-gift{transform:translate3d(var(--edge-shift),0,0)!important;transition:none}.gift-float{animation:none}}
@media(max-width:760px){.side-gift[data-anchor="vyhry"]{right:auto;--edge-shift:-50%}.side-gift.gift-right[data-anchor="vyhry"]{left:calc(50% - 32px);width:min(220px,60vw)}.side-gift.gift-left[data-anchor="vyhry"]{left:calc(50% + 60px);width:min(160px,43vw)}}

/* Latest client direction: light steps. */
.steps li{background:#fff;border-color:#d8e6ef;color:var(--navy)}
.steps h3,.steps strong{color:var(--navy)}
.steps p{color:var(--muted)}


/* Original Czech hero composition and CTA styling from the live event.css. */
@font-face{font-family:CCZoinks;src:url('assets/CCZoinks.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.original-hero{background:#b2bed0;overflow:hidden}
.reference-hero{position:relative;margin-top:127px;margin-bottom:3rem}
.reference-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:15%;background:linear-gradient(0deg,#b2bed000 0%,#b2bed0 100%);z-index:2}
.reference-hero::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:15%;background:linear-gradient(0deg,#b2bed0 0%,#37160300 100%);z-index:2}
.reference-hero .hero_logo{position:absolute;top:calc(1.5rem - 70px);left:50%;transform:translateX(-50%);max-width:80%;z-index:3}
.reference-hero .hero_img{position:relative;display:block;width:100%;min-height:140vw;object-fit:cover;z-index:1}
.reference-hero .txt{position:absolute;z-index:4;bottom:0;left:0;width:100%;text-align:center}
.reference-hero .txt p{margin:0 0 .5rem}
.hero-btn{display:inline-block;text-decoration:none;color:#fff;background:#f5000e;font-family:CCZoinks,sans-serif;border-radius:8px;border-bottom:4px solid #8f0008;padding:.85rem 1rem .7rem;font-size:1.25rem;min-width:255px;font-weight:400;line-height:1.2;transition:background .2s;text-shadow:0 2px 10px #00000080;position:relative;letter-spacing:normal}
.hero-btn::after{content:'';position:absolute;top:3px;left:6px;right:5px;height:4px;background:#fff;clip-path:polygon(4% 0,100% 0,1% 100%,0 53%);opacity:.5}
.hero-btn:hover{background:#c2000b}
.hero-btn.sec{background:linear-gradient(45deg,#eb8226 0%,#ffcc01 100%);border-color:#fabe07}
.hero-btn.sec:hover{background:linear-gradient(45deg,#eb8226 0%,#eb8226 100%)}
.app-banner-section{background:linear-gradient(#b2bed0,var(--snow))}
.draw-card{background:linear-gradient(135deg,#e4eff7 0%,#f3f8fb 58%,#eaf3f9 100%)}
.final-draw{background:linear-gradient(135deg,#fff0c4 0%,#fff9eb 58%,#fff4d8 100%)}
@media(min-width:600px){.reference-hero{margin:0}.reference-hero::before{display:none}.reference-hero .hero_logo{width:52%;left:73%;top:calc(60px + 1rem)}.reference-hero .hero_img{object-position:95% center;min-height:82vw}.reference-hero .txt{width:51%;left:48%;bottom:auto;top:54%}.reference-hero .txt .hero-btn{max-width:100%}}
@media(min-width:1025px){.reference-hero{height:56vw;overflow:hidden}.reference-hero .hero_logo{width:50%;max-width:650px;left:48%;transform:none;top:auto;bottom:36%}.reference-hero .hero_img{position:absolute;top:50%;right:0;width:136%;max-width:none;object-position:right center;min-height:100%;transform:translateY(-50%)}.reference-hero .txt{left:55%;width:43%;max-width:650px;top:65%}}
@media(min-width:1150px){.reference-hero .hero_logo{left:47%}.reference-hero .txt{left:52%}}
@media(min-width:1300px){.reference-hero{height:728px}}
@media(min-width:1500px){.reference-hero{height:820px}.reference-hero .hero_logo{left:47%;bottom:40%}.reference-hero .txt{left:48%;top:67%}}
@media(min-width:1600px){.reference-hero{margin-bottom:1rem}}
@media(min-width:1765px){.reference-hero{margin-bottom:2rem}}
@media(prefers-reduced-motion:reduce){.hero-btn{transition:none}}

/* Bigger original side ornaments with content gutters; original CTA case restored. */
@media(min-width:1180px) and (max-width:1499px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hero-btn{display:inline-flex;align-items:center;justify-content:center;width:320px;max-width:calc(100% - 32px);min-width:0;min-height:64px;padding:16px 20px 13px;font-size:24px;text-transform:uppercase}
@media(max-width:599px){.hero-btn{font-size:22px}}

/* All draw text shares the card centerline; the left number is independent. */
.draw-card{text-align:center}
.draw-card-top{display:grid;grid-template-columns:70px minmax(0,1fr) 70px;column-gap:12px;min-height:70px;align-items:center}
.draw-card-top .draw-symbol{grid-column:1;grid-row:1;justify-self:start}
.draw-card-top .tag{grid-column:2;grid-row:1;width:100%;min-width:0;text-align:center}
@media(max-width:1000px){.draw-card-top{row-gap:16px}.draw-card-top .tag{grid-column:1/-1;grid-row:2}}
@media(max-width:760px){.draw-card-top{row-gap:8px;margin-bottom:12px}.draw-card-top .draw-symbol{grid-column:1/-1;justify-self:center}.draw-card h3{margin-bottom:12px}}
.prize-block:not(.periodic-prizes)>h3{margin-bottom:24px}

/* Shared body layer: section overflow and stacking cannot hide the gifts. */
body{position:relative}
.gift-layer{position:absolute;top:0;bottom:0;left:var(--rail);right:0;overflow:hidden;pointer-events:none;z-index:8}
.gift-layer .side-gift{z-index:auto}
@media(min-width:1180px){.closing.has-side-gifts{min-height:600px}}

/* App block anchor clears the sticky header exactly once. */
html{scroll-padding-top:calc(var(--header) + 16px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.app-banner-section{scroll-margin-top:0}


/* Original graphic, slightly bigger, with bounded scroll feedback. */
.reference-hero .hero_logo{width:86%;max-width:86%;transform:translateX(var(--logo-x,-50%)) translateY(var(--logo-shift,0px)) scale(var(--logo-scale,1));transform-origin:right center;will-change:transform}
@media(min-width:600px){.reference-hero .hero_logo{width:55%;left:72%}}
@media(min-width:1025px){.reference-hero .hero_logo{width:53%;max-width:700px;--logo-x:0%;left:47%}}
@media(hover:hover) and (pointer:fine){.steps li{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.steps li:hover{transform:translateY(-3px) rotate(-1.2deg);border-color:#a7c6de;box-shadow:0 12px 24px #174b7421}.steps li:nth-child(even):hover{transform:translateY(-3px) rotate(1.2deg)}}
@media(prefers-reduced-motion:reduce){.reference-hero .hero_logo{transform:translateX(var(--logo-x,-50%));will-change:auto}.steps li{transition:none}.steps li:hover,.steps li:nth-child(even):hover{transform:none}}

/* Falling snow belongs to the document; overlapping zones conceal recycling. */
.snow-zone{position:absolute;left:0;right:0;top:var(--zone-top);height:var(--zone-height);overflow:hidden;--fall-distance:calc(var(--zone-height) + 140px);pointer-events:none}
.snow-zone .falling-flake{animation-play-state:paused;will-change:auto}
.snow-zone.is-active .falling-flake{animation-play-state:running;will-change:transform}
.motion-paused .snow-zone .falling-flake{animation-play-state:paused}

/* Three compositions, fitted to the first viewport without clipping characters.
   CTA wrapper is inset a further 20px from each app container edge. */
.original-hero{position:relative;--scene-height:min(56vw,820px,calc(100svh - var(--header) - 20px))}
.reference-hero{height:var(--scene-height);margin:0;overflow:hidden;background-image:none}
.reference-hero .hero_img{position:absolute;top:auto;left:auto;right:0;bottom:6%;width:max(100%,calc(var(--scene-height)*2.13),min(136%,calc(var(--scene-height)*4)));min-height:0;max-width:none;height:auto;transform:translateY(24%);object-fit:contain;-webkit-mask-image:none;mask-image:none}
.reference-hero .hero_logo{top:auto;bottom:40%;left:47%;width:min(53%,700px,calc(var(--scene-height)*.95));max-width:53%;--logo-x:0%}
.hero-actions{position:absolute;z-index:4;top:64%;right:calc(max(48px,(100% - 1060px)/2) + 20px);display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch;width:min(320px,calc(45% - 68px));max-width:none;margin:0;padding:0}
.hero-actions .hero-btn{width:100%;max-width:100%;min-width:0;min-height:58px;font-size:24px;padding:13px 16px 11px;white-space:normal;text-align:center;line-height:1.2}
@media(min-width:1025px) and (max-width:1120px){.hero-actions{right:calc(max(40px,(100% - 1060px)/2) + 20px)}}
@media(min-width:600px) and (max-width:1024px){
 .original-hero{--scene-height:min(60vw,calc(100svh - var(--header) - 116px))}
 .reference-hero .hero_logo{top:5%;bottom:auto;left:48%;width:min(50%,calc(var(--scene-height)*.9));max-width:50%}
 .hero-actions{position:relative;top:auto;right:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:calc(100% - 120px);max-width:1020px;margin:0 auto;padding:8px 0 24px}
 .hero-actions .hero-btn{min-height:68px;font-size:22px}
}
@media(min-width:600px) and (max-width:760px){.hero-actions{width:calc(100% - 80px)}}
@media(max-width:599px){
 .original-hero{--scene-height:min(130vw,calc(100svh - var(--header) - 160px))}
 .reference-hero::before{height:12%}
 .reference-hero .hero_logo{top:8px;bottom:auto;left:50%;width:min(86%,calc(var(--scene-height)*.7));max-width:86%;--logo-x:-50%;transform-origin:center center}
 .reference-hero .hero_img{top:auto;bottom:6%;left:50%;right:auto;width:calc(var(--scene-height)*2.3);transform:translate(-50%,24%)}
 .reference-hero::after{height:8%}
 .hero-actions{position:relative;top:auto;right:auto;grid-template-columns:minmax(0,1fr);gap:10px;width:calc(100% - 80px);max-width:320px;margin:0 auto;padding:6px 0 22px}
 .hero-actions .hero-btn{min-height:54px;font-size:22px;padding:12px 12px 10px}
}
@media(max-height:650px) and (min-width:1025px){.hero-actions{gap:8px}.hero-actions .hero-btn{min-height:48px;font-size:20px;padding:10px 12px 8px}}
@media(min-width:1025px) and (min-aspect-ratio:23/10){.reference-hero .hero_logo{left:60%;width:min(38%,calc(var(--scene-height)*.85));max-width:38%}}

/* Separate rotate/scale/translate from the existing scroll and hover transforms.
   CSS-only entrance finishes even when JavaScript is unavailable. */
.reference-hero .hero_logo{animation:hero-logo-arrive 720ms cubic-bezier(.2,.75,.25,1) 180ms both}
.hero-actions .hero-btn{animation:hero-cta-arrive 420ms ease-out 650ms both}
.hero-actions .hero-btn:nth-child(2){animation-delay:800ms}
@keyframes hero-logo-arrive{0%{opacity:0;scale:.78;rotate:-8deg}70%{opacity:1;scale:1.045;rotate:2deg}100%{opacity:1;scale:1;rotate:0deg}}
@keyframes hero-cta-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.reference-hero .hero_logo,.hero-actions .hero-btn{animation:none;opacity:1;scale:1;rotate:0deg;translate:none}}

main.sub_page {
	 padding-bottom: 0;
	 overflow: hidden;
}
 main.sub_page .modal_lotto {
	 position: fixed;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 top: 50%;
	 left: 50%;
	 width: 95%;
	 max-width: 380px;
	 height: auto;
	 max-height: 95dvh;
	 background: #fff;
	 z-index: 5000;
	 opacity: 0;
	 visibility: hidden;
	 transform: translate(-50%,-50%);
	 transition: opacity 200ms;
	 box-shadow: 0 0 0 100vmax rgba(0,0,0,0.75);
	 border-radius: 20px;
	 overflow: hidden;
	 color: #000;
}
 main.sub_page .modal_lotto.on {
	 visibility: visible;
	 opacity: 1;
}
 main.sub_page .modal_lotto .close {
	 position: absolute;
	 top: 10px;
	 right: 10px;
	 z-index: 2;
	 padding: 6px;
	 background: #fff;
	 border-radius: 50%;
	 opacity: 0;
	 visibility: hidden;
}
 main.sub_page .modal_lotto .close img {
	 width: 25px;
	 height: 25px;
	 display: block;
}
 main.sub_page .modal_lotto:has(.finished) .close {
	 opacity: 1;
	 visibility: visible;
}
 main.sub_page .modal_lotto .inner {
	 overflow: auto;
	 max-height: 95dvh;
}
 main.sub_page .modal_lotto .inner .grp {
	 position: relative;
	 flex: 1 1 100%;
}
 main.sub_page .modal_lotto .inner video {
	 display: block;
	 width: 100%;
	 height: auto;
	 transition: opacity 200ms;
}
 main.sub_page .modal_lotto .inner .txt {
	 position: absolute;
	 opacity: 0;
	 display: flex;
	 flex-direction: column;
	 visibility: hidden;
	 transition: opacity 200ms;
	 overflow-x: hidden;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 text-align: center;
	 padding: 1.5rem;
}
 main.sub_page .modal_lotto .inner .txt .img_t {
	 display: table;
	 margin: 12% auto 2rem auto;
	 max-width: 256px;
	 width: 100%;
}
 main.sub_page .modal_lotto .inner .txt .img {
	 aspect-ratio: 40 / 23;
	 object-fit: contain;
	 margin-bottom: 1rem;
}
 main.sub_page .modal_lotto .inner .txt .t {
	 flex: 1 1 auto;
	 display: flex;
	 flex-direction: column;
}
 main.sub_page .modal_lotto .inner .txt .t .big {
	 font-family: "ApexNew-bold", sans-serif;
	 color: #371603;
	 margin-bottom: 0;
}
 main.sub_page .modal_lotto .inner .txt .t p:last-child {
	 margin-bottom: 1.5rem;
}
 main.sub_page .modal_lotto .inner .txt .t .btn {
	 width: 100%;
	 align-self: flex-end;
	 margin-top: auto;
	 font-size: 1.5rem;
}
 main.sub_page .modal_lotto .inner.finished video {
	 opacity: 0;
	 visibility: hidden;
}
 main.sub_page .modal_lotto .inner.finished .txt {
	 visibility: visible;
	 opacity: 1;
}
 main.sub_page .modal_lotto .inner.finished .txt .img_t, main.sub_page .modal_lotto .inner.finished .txt .img {
	 opacity: 0;
	 animation: fadeIn3 400ms linear 600ms;
	 animation-fill-mode: forwards;
}
 main.sub_page .modal_lotto .inner.finished .txt .img {
	 animation-delay: 950ms;
}
 main.sub_page .float_points {
	 display: grid;
	 gap: 15px;
	 grid-template-columns: 1fr 1fr;
	 margin-bottom: 15px;
}
 main.sub_page .float_points p {
	 margin: 0;
	 border-radius: 10px;
	 padding: 10px;
	 background: rgb(255 255 255 / 40%);
	 backdrop-filter: blur(6px);
	 border-top: 1px solid #fff;
	 border-left: 1px solid #fff;
	 color: #fff;
	 text-align: center;
	 font-size: 34px;
	 font-weight: bold;
	 line-height: 1.3;
	 text-shadow: 0 0 4px rgb(0 0 0 / 60%);
}
 main.sub_page .float_points p span {
	 display: block;
	 font-weight: normal;
	 font-size: 15px;
}
 main.sub_page .float_points p span.flex {
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 main.sub_page .float_points p span.point {
	 font-size: 34px;
	 font-weight: bold;
}
 main.sub_page .float_points p span button {
	 margin-left: 5px;
}
 main.sub_page .float_points p span button img {
	 display: block;
	 width: 18px;
	 height: 18px;
}

main.sub_page .code {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100dvh;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 z-index: 500;
	 background: rgb(0 0 0 / 70%);
	 backdrop-filter: blur(5px);
	 opacity: 0;
	 visibility: hidden;
	 transition: opacity 200ms;
}
 main.sub_page .code.open {
	 opacity: 1;
	 visibility: visible;
}
 main.sub_page .code .inner {
	 position: relative;
	 background: #1b0f01;
	 border-radius: 15px;
	 max-width: 500px;
	 width: 95%;
	 max-height: 835px;
	 overflow: hidden;
	 height: 90%;
}
 main.sub_page .code .animated_tree .tree {
	 display: block;
	 width: 100%;
	 max-height: 90dvh;
	 object-fit: cover;
	 object-position: center top;
	 margin-bottom: 50px;
}
 main.sub_page .code .animated_tree .tree_front {
	 position: absolute;
	 z-index: 2;
	 top: 0;
	 left: 0;
	 width: 100%;
}
 main.sub_page .code .animated_tree .ornament_star {
	 position: absolute;
	 z-index: 4;
	 top: 0;
	 left: 0;
	 width: 100%;
	 opacity: 0;
	 transform: scale(0.9);
	 transform-origin: center bottom;
	 transition: opacity 200ms, transform 200ms;
	 transition-delay: 1000ms;
}
 main.sub_page .code .animated_tree .ornament_star.show {
	 opacity: 1;
	 transform: scale(1);
}
 main.sub_page .code .animated_tree .ornament {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 z-index: 3;
	 opacity: 0;
	 transition: opacity 200ms;
}
 main.sub_page .code .animated_tree .ornament.show {
	 opacity: 1;
}
 main.sub_page .code .animated_tree .ornament.fly-in {
	 animation: giftFlyIn 900ms cubic-bezier(0.2,0.8,0.2,1);
	 animation-fill-mode: forwards;
}
 main.sub_page .code .animated_tree .ornament.temp-gift {
	 opacity: 1;
	 z-index: 1;
	 pointer-events: none;
	 animation: tempGiftFlyIn 1300ms ease-out forwards;
}
 main.sub_page .code .animated_tree .gifts {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 z-index: 3;
}
 main.sub_page .code .animated_tree .gift {
	 position: absolute;
	 top: 34%;
	 left: 8%;
	 width: 34%;
	 z-index: 3;
	 opacity: 0;
	 transition: opacity 200ms;
}
 main.sub_page .code .animated_tree .gift.show {
	 opacity: 1;
}
 main.sub_page .code .animated_tree .gift.fly-in {
	 animation: giftFlyIn 900ms cubic-bezier(0.2,0.8,0.2,1);
	 animation-fill-mode: forwards;
}
 main.sub_page .code .animated_tree .gift.temp-gift {
	 opacity: 1;
	 z-index: 1;
	 pointer-events: none;
	 animation: tempGiftFlyIn 1300ms ease-out forwards;
}
 main.sub_page .code .animated_tree .gift[data-id="2"] {
	 left: 58%;
}
 main.sub_page .code .animated_tree .gift[data-id="3"] {
	 left: 47%;
	 width: 28%;
	 top: 38%;
}
 main.sub_page .code .animated_tree .gift[data-id="4"] {
	 left: 72%;
	 top: 37%;
}
 main.sub_page .code .animated_tree .gift[data-id="5"] {
	 width: 22%;
	 left: -3%;
	 top: 43%;
}
 main.sub_page .code .animated_tree .gift[data-id="6"] {
	 width: 19%;
	 left: 12%;
	 top: 49%;
}
 main.sub_page .code .animated_tree .gift[data-id="7"] {
	 left: 28%;
	 top: 40%;
}
 main.sub_page .code .animated_tree .gift[data-id="8"] {
	 width: 15%;
	 left: -2%;
	 top: 43%;
	 z-index: 2;
}
 main.sub_page .code .animated_tree .gift[data-id="9"] {
	 width: 20%;
	 left: 81%;
	 top: 41%;
	 z-index: 2;
}
 main.sub_page .code .animated_tree .look_left {
	 position: absolute;
	 z-index: 4;
	 top: 30%;
	 left: 0;
	 width: 22%;
	 transform: translate(-100%,-50%);
	 transition: transform 0.8s ease;
}
 main.sub_page .code .animated_tree .look_left.show {
	 animation: ll_show 0.8s ease 2s;
	 animation-fill-mode: forwards;
}
 main.sub_page .code .animated_tree .look_right {
	 position: absolute;
	 z-index: 4;
	 top: 30%;
	 right: 0;
	 width: 17%;
	 transform: translate(100%,-50%);
	 transition: transform 0.8s ease;
}
 main.sub_page .code .animated_tree .look_right.show {
	 animation: lr_show 0.8s ease 2.5s;
	 animation-fill-mode: forwards;
}
 main.sub_page .code .bottom_w {
	 position: absolute;
	 isolation: isolate;
	 padding: 1.5rem;
	 padding-top: 3rem;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 z-index: 6;
}
 main.sub_page .code .bottom_w::before {
	 content: "";
	 position: absolute;
	 top: 53%;
	 left: 0;
	 width: 100%;
	 height: 55%;
	 background: url("/images/soutez/snehove_vlny.png") center top no-repeat;
	 background-size: 100% auto;
	 z-index: -1;
}
 main.sub_page .code .snow-box {
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 z-index: 5;
	 overflow: hidden;
}
 main.sub_page .code .snow-box .snowflake {
	 position: absolute;
	 top: -10%;
	 pointer-events: none;
	 user-select: none;
	 z-index: 10;
	 will-change: transform;
	 animation: fall linear infinite;
}
 main.sub_page .code .close {
	 z-index: 10;
	 position: absolute;
	 top: 20px;
	 right: 20px;
	 width: 42px;
	 height: 42px;
	 background: #fff;
	 border-radius: 50%;
	 padding: 10px;
}
 main.sub_page .code .close img {
	 display: block;
	 width: 22px;
}
 main.sub_page .code input {
	 text-align: center;
	 background: #fff;
	 margin-bottom: 15px;
	 color: #371603;
}
 main.sub_page .code input::-webkit-input-placeholder {
	 color: #371603;
}
 main.sub_page .code input::-moz-placeholder {
	 color: #371603;
}
 main.sub_page .code input:-ms-input-placeholder {
	 color: #371603;
}
 main.sub_page .code input:-moz-placeholder {
	 color: #371603;
}
 main.sub_page .code .btn {
	 width: 100%;
	 min-width: 1px;
}
 main.sub_page .code .btn.loading {
	 color: transparent;
	 text-shadow: none;
}
 main.sub_page .code .btn.loading::before {
	 content: "";
	 position: absolute;
	 top: 55%;
	 left: 50%;
	 transform: translate(-50%,-50%);
	 width: 28px;
	 height: 28px;
	 background: url("/images/loader2.gif") center center no-repeat;
	 background-size: 28px 28px;
}

footer .t table {
   width: auto;
}
 
footer .t table tr td {
   border: none;
}