.blnk{
  --blnk-accent:#d4aa00;--blnk-accent2:#c8a76a;--blnk-bg:#171717;--blnk-panel:#232323;--blnk-panel2:#1c1c1c;--blnk-text:#f7f5ef;--blnk-muted:#b7b7b7;
  width:100%;box-sizing:border-box;background:var(--blnk-bg);color:var(--blnk-text);padding:34px 18px;font-family:Arial,Helvetica,sans-serif;
}
.blnk *{box-sizing:border-box}
.blnk__frame{max-width:980px;margin:0 auto}
.blnk__eyebrow{text-align:center;color:var(--blnk-accent);font-size:12px;font-weight:700;letter-spacing:.38em;text-transform:uppercase;margin-bottom:12px}
.blnk__title{margin:0;text-align:center;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,5vw,58px);font-weight:400;line-height:1.02}
.blnk__subtitle{max-width:780px;margin:18px auto 0;text-align:center;color:#ded9cf;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.65}
.blnk__badges{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0 24px}
.blnk__badges span{border:1px solid #48433a;background:#1f1e1b;color:#e9dfc9;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.13em}
.blnk__meta{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #353535;border-bottom:0;background:#1c1c1c;padding:12px 16px;font-size:12px;letter-spacing:.08em;color:#ddd}
.blnk__meta>div{display:flex;align-items:center;gap:10px}
.blnk__meta-right{justify-content:flex-end;flex-wrap:wrap}
.blnk__dot{width:8px;height:8px;border-radius:50%;background:var(--blnk-accent);box-shadow:0 0 0 4px rgba(212,170,0,.12)}
.blnk__timer{font-variant-numeric:tabular-nums;font-weight:800;color:#fff;border-left:1px solid #444;padding-left:12px}
.blnk__timer.is-low{color:#e4bd31}
.blnk__help-counter{color:var(--blnk-accent2);font-weight:700}
.blnk__progress{height:4px;background:#353535;overflow:hidden}
.blnk__progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blnk-accent),var(--blnk-accent2));transition:width .25s ease}

/* A külső játéktér magassága állandó, csak a belső tartalom görgethető. */
.blnk__stage{height:660px;border:1px solid #353535;border-top:0;background:linear-gradient(145deg,#1b1b1b 0%,#202020 56%,#181818 100%);overflow:hidden}
.blnk__card{height:100%;padding:0;overflow:hidden}
.blnk__scroll{height:100%;overflow-y:auto;padding:34px 38px 32px;scrollbar-width:thin;scrollbar-color:#555 #222}
.blnk__scroll::-webkit-scrollbar{width:8px}.blnk__scroll::-webkit-scrollbar-track{background:#222}.blnk__scroll::-webkit-scrollbar-thumb{background:#555}
.blnk__step{color:var(--blnk-accent);font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;margin-bottom:12px}
.blnk__card h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,3vw,38px);font-weight:400;line-height:1.17;color:#fff;margin:0 0 16px}
.blnk__card p{font-family:Georgia,'Times New Roman',serif;color:#ddd;font-size:17px;line-height:1.65;margin:0 0 22px}

.blnk__intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}
.blnk__intro-grid>div{background:#202020;border:1px solid #3a3a3a;padding:18px;text-align:center}
.blnk__intro-grid strong{display:block;color:var(--blnk-accent);font-family:Georgia,'Times New Roman',serif;font-size:32px;font-weight:400}
.blnk__intro-grid span{display:block;color:#cfcfcf;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:6px}
.blnk__notice{background:#29261f;border-left:3px solid var(--blnk-accent);padding:14px 16px;color:#e8e0d0;line-height:1.55;margin:14px 0;font-size:14px}
.blnk__notice--muted{background:#202020;border-left-color:#666;color:#bdbdbd}

.blnk__btn,.blnk__next{appearance:none;border:0;background:var(--blnk-accent);color:#161616;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:15px 20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;transition:transform .15s ease,filter .15s ease}
.blnk__btn:hover,.blnk__next:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}
.blnk__btn:disabled,.blnk__next:disabled{opacity:.42;cursor:not-allowed;transform:none}

.blnk__question-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.blnk__question-head>div{display:flex;gap:8px;flex-wrap:wrap}
.blnk__type,.blnk__category{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #444;background:#212121;color:#e8e8e8;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.blnk__type{color:#161616;background:var(--blnk-accent);border-color:var(--blnk-accent)}
.blnk__question-head>strong{color:var(--blnk-accent2);font-size:13px;white-space:nowrap}
.blnk__question{font-size:clamp(25px,2.8vw,35px)!important;max-width:900px}
.blnk__context{background:#1a1a1a;border:1px solid #353535;padding:13px 15px;color:#cfcfcf;font-size:14px;line-height:1.55;margin:0 0 16px}
.blnk__answers{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}
.blnk__answer{appearance:none;width:100%;border:1px solid #404040;background:#222;color:#f2efe9;padding:14px 15px;min-height:72px;display:flex;gap:12px;align-items:flex-start;text-align:left;cursor:pointer;font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.45;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.blnk__answer:hover{border-color:#746948;background:#27251f;transform:translateY(-1px)}
.blnk__answer.is-selected{border-color:var(--blnk-accent);background:#2d291d;box-shadow:inset 0 0 0 1px var(--blnk-accent)}
.blnk__answer-letter{width:26px;height:26px;flex:0 0 26px;border:1px solid #555;display:inline-flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:800;color:var(--blnk-accent);margin-top:1px}
.blnk__answer.is-selected .blnk__answer-letter{background:var(--blnk-accent);border-color:var(--blnk-accent);color:#161616}
.blnk__hint-wrap{margin-top:15px}
.blnk__hint-btn{appearance:none;border:0;background:transparent;color:var(--blnk-accent2);padding:5px 0;font-size:11px;font-weight:800;letter-spacing:.11em;cursor:pointer;text-transform:uppercase}
.blnk__hint-btn span{color:#a99a7d;margin-left:4px}.blnk__hint-btn:disabled{cursor:default;opacity:.8}
.blnk__hint{margin-top:8px;background:#26231c;border-left:3px solid var(--blnk-accent2);padding:12px 14px;color:#e3d9c7;font-family:Georgia,'Times New Roman',serif;font-size:14px;line-height:1.55}
.blnk__question-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #3a3a3a;margin-top:18px;padding-top:17px;color:#999;font-size:12px}
.blnk__next{min-width:145px}

.blnk__lead-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 24px}
.blnk__lead-benefits span{background:#202020;border:1px solid #3b3b3b;padding:12px;color:#ddd;font-size:12px;line-height:1.45;text-align:center}
.blnk__form{max-width:620px}
.blnk__form>label:not(.blnk__consent){display:block;margin-bottom:13px;color:#e8e8e8;font-size:12px;font-weight:700;letter-spacing:.04em}
.blnk__form input[type=text],.blnk__form input[type=email]{width:100%;margin-top:7px;background:#151515;border:1px solid #494949;color:#fff;min-height:48px;padding:10px 12px;font-size:15px;outline:none;border-radius:0}
.blnk__form input:focus{border-color:var(--blnk-accent)}
.blnk__consent{display:flex;align-items:flex-start;gap:10px;color:#bdbdbd;font-size:12px;line-height:1.5;margin:15px 0 18px}
.blnk__consent input{margin-top:3px}.blnk__consent a{color:var(--blnk-accent2)}
.blnk__form-msg{margin-top:12px;color:#e5b9a9;font-size:13px}

.blnk__result-top{display:flex;align-items:flex-end;gap:18px;margin:6px 0 4px}
.blnk__score{display:flex;align-items:baseline;gap:8px}.blnk__score strong{font-family:Georgia,'Times New Roman',serif;font-size:62px;font-weight:400;color:#fff;line-height:1}.blnk__score span{color:#aaa;font-size:16px}
.blnk__percent{font-size:20px;font-weight:800;color:var(--blnk-accent);padding-bottom:7px}
.blnk__level{display:inline-block;background:#2b271c;border:1px solid #5b4c1f;color:#e9d792;padding:8px 11px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:10px 0 12px}
.blnk__result-facts{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.blnk__result-facts span{background:#202020;border:1px solid #3d3d3d;padding:7px 10px;font-size:11px;color:#bbb}
.blnk__metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:22px 0}
.blnk__metric{background:#1c1c1c;border:1px solid #363636;padding:12px 13px}
.blnk__metric-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#eee;margin-bottom:8px}.blnk__metric-head span{color:var(--blnk-accent2);font-weight:800}
.blnk__metric-track{height:7px;background:#333;overflow:hidden}.blnk__metric-track span{display:block;height:100%;background:var(--blnk-accent)}
.blnk__metric-meta{font-size:10px;color:#888;margin-top:6px}
.blnk__insight,.blnk__mail-status{background:#222;border-left:3px solid var(--blnk-accent);padding:13px 15px;color:#d8d8d8;font-size:13px;line-height:1.55;margin:14px 0}
.blnk__mail-status{border-left-color:#666;color:#aaa}
.blnk__cta{background:#292929;border:1px solid #484848;padding:20px;margin-top:20px}.blnk__cta h3{font-size:27px}.blnk__cta p{font-size:15px;margin-bottom:16px}
.blnk__restart{appearance:none;border:0;background:transparent;color:#aaa;text-decoration:underline;cursor:pointer;padding:10px 0;margin-top:12px;font-size:12px}

@media(max-width:760px){
  .blnk{padding:24px 10px}.blnk__subtitle{font-size:16px}.blnk__stage{height:790px}.blnk__scroll{padding:25px 20px 24px}.blnk__answers{grid-template-columns:1fr}.blnk__answer{min-height:62px}.blnk__intro-grid,.blnk__lead-benefits,.blnk__metrics{grid-template-columns:1fr}.blnk__question-footer{align-items:flex-start;flex-direction:column}.blnk__next{width:100%}.blnk__result-top{align-items:flex-start;flex-direction:column;gap:4px}.blnk__score strong{font-size:52px}.blnk__meta{align-items:flex-start}.blnk__meta-right{gap:6px}.blnk__timer{padding-left:8px}
}
@media(max-width:430px){.blnk__stage{height:850px}.blnk__title{font-size:36px}.blnk__badges{gap:6px}.blnk__badges span{font-size:9px}.blnk__scroll{padding:22px 16px}.blnk__card h3{font-size:27px}.blnk__question{font-size:24px!important}}
