@import "https://fonts.googleapis.com/css2?family=Anton&family=Barlow+Condensed:wght@500;600;700&family=Roboto+Mono:wght@500;700&display=swap";
.jg-page{--jg-red:#f22722;--jg-red-deep:#b30013;--jg-red-crate:#d81a15;--jg-hazard:#f2c500;--jg-bg:#0d0d0d;--jg-ink:#121212;--jg-text:#fcfbfb;--jg-dim:#9a8f8f;background:radial-gradient(900px 520px at 50% -10%,#2b0808 0%,#2b080800 60%),linear-gradient(180deg,#150a0a 0%,var(--jg-bg)55%),var(--jg-bg);min-height:100dvh;color:var(--jg-text);flex-direction:column;justify-content:center;align-items:center;padding:28px 16px 20px;font-family:Barlow Condensed,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow-x:hidden}.jg-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.jg-graffiti{opacity:.16;background-image:url(/images/juug/tag-pattern.webp);background-repeat:repeat;background-size:620px 482px;width:calc(100% + 620px);height:calc(100% + 482px);animation:90s linear infinite jg-drift;position:absolute;top:0;left:0}@keyframes jg-drift{0%{transform:translate(0,0)}to{transform:translate(-620px,-482px)}}.jg-glow{filter:blur(70px);opacity:.5;border-radius:50%;position:absolute}.jg-glow.g1{background:radial-gradient(circle,#f2272280,#f2272200 70%);width:60vw;max-width:460px;height:60vw;max-height:460px;animation:13s ease-in-out infinite jg-breathe;top:-14%;left:-12%}.jg-glow.g2{background:radial-gradient(circle,#b300138c,#b3001300 70%);width:55vw;max-width:420px;height:55vw;max-height:420px;animation:17s ease-in-out infinite reverse jg-breathe;bottom:-16%;right:-14%}@keyframes jg-breathe{0%,to{opacity:.42;transform:scale(1)}50%{opacity:.62;transform:scale(1.14)}}.jg-crate{background:linear-gradient(#0c0606e6 0%,#100707f0 100%),url(/images/juug/container.webp) 50%/cover no-repeat;border-radius:6px;width:100%;max-width:470px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000000d9,0 0 0 4px #f2272247,0 26px 60px #000000b3}.jg-crate:before{content:"";pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#00000029 2px 13px,#ffffff08 14px 16px);position:absolute;inset:0}.jg-hazard{background-image:repeating-linear-gradient(-45deg,var(--jg-hazard)0px,var(--jg-hazard)9px,#0d0d0d 9px,#0d0d0d 18px);opacity:.9;height:9px;position:relative}.jg-crate-inner{z-index:1;text-align:center;padding:30px 22px 32px;position:relative}.jg-rivet{background:radial-gradient(circle at 35% 30%,#6b5a58,#211313 70%);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 1px 1px #000c,inset 0 0 0 .5px #ffffff24}.jg-rivet.tl{top:11px;left:11px}.jg-rivet.tr{top:11px;right:11px}.jg-rivet.bl{bottom:11px;left:11px}.jg-rivet.br{bottom:11px;right:11px}.jg-logo{filter:drop-shadow(0 6px 18px #0009);width:min(228px,62%);height:auto;margin:0 auto 14px;display:block}.jg-kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--jg-red);text-shadow:0 0 16px #f227228c;margin:0 0 14px;font-family:Anton,Barlow Condensed,sans-serif;font-size:13px}.jg-rule{background:linear-gradient(90deg,transparent,var(--jg-red),transparent);width:64px;height:3px;margin:0 auto 16px}.jg-title{letter-spacing:.02em;text-transform:uppercase;color:var(--jg-text);margin:0 0 10px;font-family:Anton,Barlow Condensed,sans-serif;font-size:clamp(26px,7.6vw,34px);line-height:1.06}.jg-sub{max-width:34ch;color:var(--jg-dim);margin:0 auto 22px;font-size:16px;line-height:1.5}.jg-form{flex-direction:column;gap:12px;display:flex}.jg-input{width:100%;height:54px;color:var(--jg-text);letter-spacing:.14em;text-align:center;text-transform:uppercase;appearance:none;background:#060404d1;border:2px solid #f2272266;border-radius:4px;outline:none;padding:0 16px;font-family:Roboto Mono,ui-monospace,monospace;font-size:17px;font-weight:700;transition:border-color .18s,box-shadow .18s}.jg-input::placeholder{color:#6d5f5f;letter-spacing:.18em;font-weight:500}.jg-input:focus{border-color:var(--jg-red);box-shadow:0 0 0 4px #f227222e}.jg-verify-btn{background:linear-gradient(180deg,var(--jg-red)0%,#c81a15 100%);color:#fff;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;width:100%;min-height:54px;font-family:Anton,Barlow Condensed,sans-serif;font-size:19px;transition:transform .12s,box-shadow .12s,filter .18s;box-shadow:0 6px #7d0d0a,0 14px 26px #f227224d}.jg-verify-btn:hover:not(:disabled){filter:brightness(1.07)}.jg-verify-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #7d0d0a,0 8px 16px #f2272242}.jg-verify-btn:disabled{opacity:.62;cursor:not-allowed;box-shadow:0 6px #7d0d0a}.jg-foot{letter-spacing:.22em;text-transform:uppercase;color:#6a5c5c;margin-top:20px;font-size:12px;position:relative}.jg-ticker{background:linear-gradient(#08040480,#080404bf);border-top:1px solid #f2272238;border-bottom:1px solid #f2272238;width:100vw;margin-top:22px;padding:9px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.jg-ticker-track{width:max-content;animation:46s linear infinite jg-marquee;display:flex}.jg-ticker-run{align-items:center;gap:30px;padding-right:30px;display:flex}.jg-ticker-item{-o-object-fit:contain;object-fit:contain;opacity:.72;filter:saturate(.62)brightness(.95);flex:none;width:auto;height:40px;transition:opacity .25s,filter .25s}.jg-ticker:hover .jg-ticker-item{opacity:.95;filter:saturate()brightness()}@keyframes jg-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.jg-line{text-align:center;width:100%;max-width:470px;margin-top:26px;animation:.5s both jg-rise;position:relative}@keyframes jg-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.jg-line-head{letter-spacing:.32em;text-transform:uppercase;color:var(--jg-red);margin:0 0 14px;font-family:Anton,Barlow Condensed,sans-serif;font-size:13px}.jg-line-grid{grid-template-columns:repeat(2,1fr);align-items:center;gap:16px 14px;display:grid}.jg-line-item{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 8px #0009);width:100%;height:46px}.jg-modal-overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040202db;justify-content:center;align-items:center;padding:20px;animation:.2s jg-fade;display:flex;position:fixed;inset:0}@keyframes jg-fade{0%{opacity:0}to{opacity:1}}.jg-modal{text-align:center;background:linear-gradient(#0e0707f2 0%,#120808f7 100%),url(/images/juug/container.webp) 50%/cover no-repeat;border-radius:6px;width:100%;max-width:380px;padding:34px 24px 30px;animation:.24s cubic-bezier(.2,1.2,.4,1) jg-pop;position:relative;box-shadow:0 0 0 2px #000000e6,0 0 0 4px #f227224d,0 26px 60px #000000bf}.jg-modal.is-valid{box-shadow:0 0 0 2px #000000e6,0 0 0 4px #4ade8066,0 26px 60px #000000bf}@keyframes jg-pop{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.jg-modal-close{color:#8b7b7b;cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:28px;line-height:1;position:absolute;top:6px;right:8px}.jg-modal-close:hover{color:var(--jg-text)}.jg-modal-mark{border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;margin:0 auto 16px;font-size:34px;font-weight:700;display:flex}.jg-modal-mark.ok{color:#4ade80;background:#4ade801f;box-shadow:0 0 0 2px #4ade8080,0 0 28px #4ade8047}.jg-modal-mark.bad{color:var(--jg-red);background:#f227221f;box-shadow:0 0 0 2px #f2272280,0 0 28px #f2272247}.jg-modal-verdict{letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-family:Anton,Barlow Condensed,sans-serif;font-size:22px}.jg-modal.is-valid .jg-modal-verdict{color:#4ade80}.jg-modal:not(.is-valid) .jg-modal-verdict{color:var(--jg-red)}.jg-modal-msg{color:#cfc4c4;margin:0 0 18px;font-size:16px;line-height:1.5}.jg-modal-logo{width:132px;height:auto;margin:0 auto 10px;display:block}.jg-serial{letter-spacing:.1em;color:#8b7b7b;word-break:break-all;margin:0;font-family:Roboto Mono,ui-monospace,monospace;font-size:13px}@media (max-width:420px){.jg-page{padding:20px 12px 16px}.jg-crate-inner{padding:26px 16px 28px}.jg-logo{width:min(200px,68%)}.jg-sub{font-size:15px}}@media (prefers-reduced-motion:reduce){.jg-graffiti,.jg-glow.g1,.jg-glow.g2,.jg-modal,.jg-modal-overlay{animation:none}}