@charset "UTF-8";
.qng-quest-hub{margin-block:clamp(34px,5vw,64px)}
.qng-quest-hub-panel{position:relative;overflow:hidden;padding:clamp(18px,3vw,30px);border:1px solid rgba(57,199,244,.22);border-radius:var(--qng-radius-xl);background:radial-gradient(ellipse at 100% 0,rgba(57,199,244,.11),transparent 38%),radial-gradient(ellipse at 0 100%,rgba(155,114,255,.09),transparent 36%),linear-gradient(135deg,#101626,#0d1421 65%,#11172b);box-shadow:var(--qng-shadow)}
.qng-quest-hub-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:16px;border:1px solid rgba(155,114,255,.22);border-radius:18px;background:linear-gradient(110deg,rgba(155,114,255,.11),rgba(57,199,244,.055))}
.qng-quest-hub-mark{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border:1px solid rgba(155,114,255,.38);border-radius:15px;background:rgba(155,114,255,.1);color:var(--qng-purple-bright)}
.qng-quest-hub-mark svg{width:26px;height:26px}
.qng-quest-hub-heading>div{flex:1;min-width:0}
.qng-quest-hub-heading .qng-eyebrow{margin:0 0 4px;color:var(--qng-cyan);font-size:.72rem;font-weight:800;letter-spacing:.08em}
.qng-quest-hub-heading h2{margin:0;color:var(--qng-text);font-size:clamp(1.2rem,2.2vw,1.7rem);font-weight:850;line-height:1.5}
.qng-quest-hub-heading p:last-child{margin:4px 0 0;color:var(--qng-muted);font-size:.9rem;line-height:1.8}
.qng-quest-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.qng-quest-hub-card{display:flex;align-items:center;gap:11px;min-width:0;min-height:84px;padding:13px;border:1px solid rgba(190,201,231,.14);border-radius:16px;background:linear-gradient(145deg,rgba(27,33,54,.94),rgba(13,19,32,.96));color:var(--qng-text);transition:border-color var(--qng-motion),background var(--qng-motion),transform var(--qng-motion),box-shadow var(--qng-motion)}
.qng-quest-hub-card:hover{border-color:rgba(57,199,244,.48);background:linear-gradient(145deg,rgba(27,43,68,.98),rgba(25,22,48,.98));color:#fff;transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.17)}
.qng-quest-hub-card:focus-visible{outline:2px solid var(--qng-cyan);outline-offset:3px}
.qng-quest-hub-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border:1px solid rgba(155,114,255,.26);border-radius:12px;background:rgba(155,114,255,.09);color:var(--qng-purple-bright)}
.qng-quest-hub-icon svg{width:21px;height:21px}
.qng-quest-hub-card:nth-child(2) .qng-quest-hub-icon{border-color:rgba(57,199,244,.28);background:rgba(57,199,244,.08);color:var(--qng-blue)}
.qng-quest-hub-card:nth-child(3) .qng-quest-hub-icon{border-color:rgba(244,190,97,.28);background:rgba(244,190,97,.08);color:var(--qng-gold)}
.qng-quest-hub-card:nth-child(4) .qng-quest-hub-icon{border-color:rgba(56,217,169,.28);background:rgba(56,217,169,.08);color:var(--qng-green)}
.qng-quest-hub-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.qng-quest-hub-copy strong{color:inherit;font-size:.88rem;font-weight:800;line-height:1.55}
.qng-quest-hub-copy small{color:var(--qng-muted);font-size:.73rem;line-height:1.5}
.qng-quest-hub-arrow{display:grid;place-items:center;flex:0 0 17px;color:var(--qng-cyan)}
.qng-quest-hub-arrow svg{width:17px;height:17px}
@media(max-width:1100px){.qng-quest-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.qng-quest-hub-panel{padding:15px;border-radius:21px}.qng-quest-hub-heading{gap:11px;padding:12px;border-radius:15px}.qng-quest-hub-mark{flex-basis:43px;width:43px;height:43px;border-radius:12px}.qng-quest-hub-grid{grid-template-columns:minmax(0,1fr);gap:8px}.qng-quest-hub-card{min-height:69px;padding:10px}.qng-quest-hub-icon{flex-basis:35px;width:35px;height:35px}.qng-quest-hub-copy strong{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.qng-quest-hub-card{transition:none}.qng-quest-hub-card:hover{transform:none}}
@media(forced-colors:active){.qng-quest-hub-panel,.qng-quest-hub-heading,.qng-quest-hub-card{border:1px solid CanvasText}.qng-quest-hub-card:focus-visible{outline:2px solid Highlight}}