.jg-sec{background:#fff url(/img/playbook-bg.png) 50%/cover no-repeat;padding:64px 0;position:relative}.jg-sec:before{content:"";pointer-events:none;background:#ffffff4d;position:absolute;inset:0}.jg-sec .container{position:relative}.jg-card{background:var(--sb-black);box-shadow:8px 8px 0 var(--sb-yellow);border-radius:18px;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;padding:40px;display:grid}.jg-left{align-items:flex-start;gap:20px;display:flex}.jg-icon{background:var(--sb-yellow);width:72px;height:72px;clip-path:var(--notch);color:var(--sb-black);flex-shrink:0;justify-content:center;align-items:center;display:flex}.jg-card .eyebrow{color:var(--sb-yellow)}.jg-title{text-transform:uppercase;color:#fff;margin:6px 0 10px;font-family:Anton,cursive;font-size:clamp(26px,4vw,40px);line-height:1.05}.jg-title .txt-ol{-webkit-text-stroke:1.5px var(--sb-yellow);color:#0000}.jg-sub{color:#cfcfcf;max-width:520px;font-size:14px;line-height:1.6}.jg-sub b{color:#fff}.jg-right{flex-direction:column;align-items:stretch;gap:12px;display:flex}.jg-fine{color:#999;text-align:center;font-size:12px}.jg-as{color:#cfcfcf;text-align:center;background:#ffffff14;border:1px solid #333;border-radius:8px;padding:9px 13px;font-size:13px}.jg-as b{color:#fff}.jg-entered{color:#7fdc9f;background:#1a9b4b24;border:1px solid #2a7a4b;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:14px;font-weight:800;display:flex}.jg-bonus-done{border:1px solid var(--sb-yellow);color:var(--sb-yellow);background:#f7df021f;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:14px;font-weight:800;display:flex}.jg-code{flex-direction:column;gap:8px;display:flex}.jg-code-label{color:#fff;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.jg-code-row{gap:8px;display:flex}.jg-input{color:#fff;background:#1d1d1d;border:2px solid #3a3a3a;border-radius:8px;outline:none;flex:1;min-width:0;padding:11px 14px;font-family:Barlow,sans-serif;font-size:14px}.jg-input:focus{border-color:var(--sb-yellow)}.jg-input::placeholder{color:#777}.jg-wrong{color:#f0a1a1;font-size:12px}@media (width<=860px){.jg-card{grid-template-columns:1fr;padding:28px}.jg-left{flex-direction:column}}