.testing-banner{position:fixed;top:0;left:0;right:0;z-index:10001;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 48px 10px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;transition:transform .3s ease,opacity .3s ease}.testing-banner--hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.testing-banner--visitor{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.testing-banner--visitor.testing-banner--success{background:linear-gradient(135deg,#22c55e,#059669);box-shadow:0 2px 8px #22c55e4d}.testing-banner--tester{background:var(--bg-alt, #161b22);color:var(--text-secondary, #e2e8f0);border-bottom:1px solid var(--border, #30363d)}.testing-banner--register{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e4d}.testing-banner__text{font-weight:500;white-space:nowrap}.testing-banner__cta{display:inline-block;padding:6px 16px;border-radius:6px;font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap;transition:background .2s ease,transform .1s ease}.testing-banner--tester .testing-banner__cta{background:var(--primary-bg, rgba(37, 99, 235, .15));color:var(--primary-light, #3b82f6);border:1px solid var(--primary, #2563eb)}.testing-banner--tester .testing-banner__cta:hover{background:var(--primary-hover, rgba(37, 99, 235, .25))}.testing-banner__form{display:flex;align-items:center;gap:6px;flex-shrink:0}.testing-banner__input{padding:6px 12px;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:#ffffff26;color:#fff;font-size:13px;font-family:inherit;width:220px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.testing-banner__input::placeholder{color:#ffffffa6}.testing-banner__input:focus{border-color:#fff;background:#ffffff40;box-shadow:0 0 0 2px #ffffff59}.testing-banner__input--error{border-color:#fca5a5;background:#ef444433}.testing-banner__input--error:focus{box-shadow:0 0 0 2px #fca5a566}.testing-banner__submit{padding:6px 16px;border:1px solid rgba(255,255,255,.9);border-radius:6px;background:#fff;color:#4c1d95;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;outline:none;transition:background .2s,transform .1s,box-shadow .2s}.testing-banner__submit:hover{background:#f0e6ff;transform:translateY(-1px)}.testing-banner__submit:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #4c1d95}.testing-banner__submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.testing-banner__status{font-size:12px;font-weight:500;color:#fde68a;white-space:nowrap}.testing-banner__dismiss{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:inherit;opacity:.7;cursor:pointer;font-size:18px;line-height:1;padding:4px;transition:opacity .2s}.testing-banner__dismiss:hover{opacity:1}.testing-banner__dismiss:focus-visible{opacity:1;outline:2px solid currentColor;outline-offset:2px;border-radius:2px}body.has-testing-banner{padding-top:44px}@media(max-width:640px){.testing-banner{font-size:13px;padding:8px 40px 8px 12px;gap:6px;flex-wrap:wrap}.testing-banner__text{white-space:normal;text-align:center;width:100%}.testing-banner__cta{font-size:12px;padding:4px 12px}.testing-banner__form{width:100%;justify-content:center}.testing-banner__input{flex:1;min-width:0;width:auto}.testing-banner__status{width:100%;text-align:center}body.has-testing-banner{padding-top:80px}}