.r3-bib-app{--bib-bg:#091a2a;--bib-card:#102b42;--bib-gold:#f2c14e;--bib-text:#f7fbff;--bib-muted:#b9ccda;--bib-line:rgba(255,255,255,.12);font-family:inherit;background:radial-gradient(circle at 50% 10%,#184b6d 0,#0c263b 35%,#071622 100%);color:var(--bib-text);min-height:72vh;border-radius:24px;margin:24px auto;max-width:980px;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.25)}
.r3-bib-app *{box-sizing:border-box}.r3-bib-shell{min-height:72vh;display:flex;flex-direction:column}.r3-bib-topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--bib-line)}.r3-bib-badge{font-weight:800;letter-spacing:.12em;font-size:12px;color:var(--bib-gold)}.r3-bib-link{background:none!important;border:0!important;color:var(--bib-muted)!important;text-decoration:underline;cursor:pointer;padding:8px!important;box-shadow:none!important}.r3-bib-stage{margin:auto;width:min(100%,720px);padding:42px 24px 54px;text-align:center}.r3-bib-stage h1,.r3-bib-stage h2{color:#fff;margin:16px auto 12px;line-height:1.15}.r3-bib-stage h1{font-size:clamp(32px,5vw,54px)}.r3-bib-stage h2{font-size:clamp(28px,4vw,44px)}.r3-bib-stage p{color:var(--bib-muted);font-size:18px;line-height:1.6;max-width:620px;margin:0 auto 22px}.r3-bib-stage small{display:block;color:#8eabba;margin-top:18px}.r3-bib-genie{width:132px;height:132px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f7d26d,#d89320);box-shadow:0 0 0 10px rgba(242,193,78,.08),0 18px 50px rgba(0,0,0,.25)}.r3-bib-genie span{font-size:66px;font-weight:900;color:#17334a}.r3-bib-genie-small{width:90px;height:90px}.r3-bib-genie-small span{font-size:46px}.r3-bib-primary,.r3-bib-secondary,.r3-bib-answers button{appearance:none;border:1px solid transparent;border-radius:14px;padding:14px 22px;font-size:17px;font-weight:800;cursor:pointer;transition:.18s transform,.18s background,.18s border}.r3-bib-primary{background:var(--bib-gold)!important;color:#1d2b33!important}.r3-bib-secondary{background:transparent!important;border-color:var(--bib-line)!important;color:#fff!important}.r3-bib-primary:hover,.r3-bib-secondary:hover,.r3-bib-answers button:hover{transform:translateY(-2px)}.r3-bib-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px auto 0;max-width:600px}.r3-bib-answers button{background:#143a56;color:#fff;border-color:#285879}.r3-bib-answers button:nth-child(1){grid-column:1/-1;background:#247552;border-color:#2f976b}.r3-bib-answers button:nth-child(5){grid-column:1/-1;background:#723d45;border-color:#99505c}.r3-bib-progress{text-align:left;margin-bottom:28px;color:var(--bib-muted);font-size:13px}.r3-bib-progress>div{height:7px;background:rgba(255,255,255,.08);border-radius:99px;margin-top:8px;overflow:hidden}.r3-bib-progress i{display:block;width:0;height:100%;background:var(--bib-gold);transition:width .25s}.r3-bib-portrait{width:180px;height:180px;margin:0 auto 18px;border-radius:28px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#163f5c,#0b2234);border:1px solid var(--bib-line)}.r3-bib-portrait img{width:100%;height:100%;object-fit:cover}.r3-bib-portrait span{font-size:80px;color:var(--bib-gold)}.r3-bib-eyebrow{font-size:13px!important;text-transform:uppercase;letter-spacing:.16em;color:var(--bib-gold)!important;margin-bottom:4px!important}.r3-bib-reference{font-size:15px!important;color:#f5d982!important}.r3-bib-confirm{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.r3-bib-field{display:block;text-align:left;max-width:520px;margin:22px auto}.r3-bib-field span{display:block;margin-bottom:8px;color:#fff;font-weight:700}.r3-bib-field input{width:100%;border:1px solid #3b6079!important;background:#0b2030!important;color:#fff!important;border-radius:12px!important;padding:15px!important;font-size:17px!important}.r3-bib-feedback-msg{font-size:14px!important;margin-top:16px!important;color:#f5d982!important}.r3-bib-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.15);border-top-color:var(--bib-gold);border-radius:50%;margin:0 auto 18px;animation:r3bibspin .8s linear infinite}@keyframes r3bibspin{to{transform:rotate(360deg)}}
@media(max-width:650px){.r3-bib-app{border-radius:0;margin:0 -16px;min-height:78vh}.r3-bib-shell{min-height:78vh}.r3-bib-stage{padding:32px 18px 44px}.r3-bib-answers{grid-template-columns:1fr}.r3-bib-answers button:nth-child(1),.r3-bib-answers button:nth-child(5){grid-column:auto}.r3-bib-topbar{padding:14px 16px}.r3-bib-stage p{font-size:16px}}
