*{box-sizing:border-box}
body{margin:0;background:#05080e;color:#eef3fb;font-family:"Instrument Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100svh}
a{color:#6db4ff;text-decoration:none}
input,textarea,select,button{font:inherit;color:inherit}
@keyframes brRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes brDrift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4%,-3%,0) scale(1.1)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes brStamp{0%{opacity:0;transform:scale(2.2) rotate(10deg)}60%{opacity:1;transform:scale(.94) rotate(6deg)}100%{transform:scale(1) rotate(6deg)}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}

.bg-glow{position:fixed;z-index:0;filter:blur(38px);pointer-events:none;animation:brDrift 28s ease-in-out infinite}
.bg-glow-a{top:-18%;left:-8%;width:54vw;height:54vw;max-width:780px;max-height:780px;background:radial-gradient(circle,rgba(255,140,80,.13),transparent 62%)}
.bg-glow-b{bottom:-22%;right:-10%;width:50vw;height:50vw;max-width:700px;max-height:700px;background:radial-gradient(circle,rgba(10,132,255,.16),transparent 64%);animation-direction:reverse}

.br-nav{position:relative;z-index:3;display:flex;align-items:center;gap:16px;padding:20px clamp(16px,4vw,44px)}
.br-nav .brand{display:inline-flex;align-items:center;gap:11px;color:#eef3fb}
.br-nav .brand img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(10,132,255,.55))}
.br-nav .brand strong{font-size:18px;letter-spacing:-.4px}
.status-link{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#c3d0e2;padding:9px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.14)}
.status-link i{width:7px;height:7px;border-radius:50%;background:#4ade9f;box-shadow:0 0 10px #4ade9f;display:block}

.br-main{position:relative;z-index:3;max-width:1240px;margin:0 auto;padding:clamp(20px,3vw,44px) clamp(16px,4vw,44px) 70px;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,4vw,56px);align-items:start}
.br-aside{animation:brRise .7s both}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:2px;color:#ffb457;margin:0}
.br-aside h1{margin:16px 0 0;font-size:clamp(34px,4.4vw,54px);line-height:.99;letter-spacing:-2.4px;font-weight:600}
.lead{margin:18px 0 0;font-size:16.5px;line-height:1.62;color:#93a3b8;max-width:380px}
.tip-list{margin-top:30px;display:flex;flex-direction:column;gap:11px;max-width:380px}
.tip{display:flex;gap:13px;padding:15px 17px;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);backdrop-filter:blur(16px) saturate(140%)}
.tip span{font-size:18px}
.tip strong{display:block;font-size:14px}
.tip small{font-size:12.5px;color:#7f8ea3}

.br-card{position:relative;padding:clamp(24px,3vw,38px);border-radius:26px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.02));backdrop-filter:blur(30px) saturate(160%);box-shadow:0 50px 120px -50px #000,inset 0 1px 0 rgba(255,255,255,.16);animation:brRise .7s .1s both}
#bug-form{display:flex;flex-direction:column;gap:16px}
.kicker{margin:0;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.8px;color:#ffb457}
#bug-form h2{margin:9px 0 0;font-size:24px;letter-spacing:-1px;font-weight:600}
#bug-form label{display:grid;gap:7px;font-size:12.5px;color:#8ba0bb}
#bug-form input,#bug-form textarea,#bug-form select{padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);outline:none;font-size:14.5px;transition:.25s}
#bug-form input:focus,#bug-form textarea:focus,#bug-form select:focus{border-color:#0a84ff;background:rgba(10,132,255,.1)}
#bug-form textarea{resize:vertical}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field-label{display:block;font-size:12.5px;color:#8ba0bb;margin-bottom:9px}
.sev-chips{display:flex;gap:9px;flex-wrap:wrap}
.sev-chip{display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:99px;cursor:pointer;font-size:13.5px;transition:.25s;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#a9b8cc}
.sev-chip i{width:8px;height:8px;border-radius:50%;display:block}
.sev-chip.active{color:#eef3fb}
.form-error{margin:0;color:#ff8a97;font-size:13.5px;min-height:1em}
#bug-form button[type=submit]{margin-top:4px;padding:16px;border:0;border-radius:13px;background:linear-gradient(135deg,#0a84ff,#0058cc);color:#fff;font-weight:600;font-size:15.5px;cursor:pointer;box-shadow:0 18px 42px -16px rgba(10,132,255,1);transition:transform .25s}
#bug-form button[type=submit]:hover{transform:translateY(-2px)}
#bug-form button[disabled]{opacity:.6;cursor:default;transform:none}

.done-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 8px}
.done-badge{position:relative;width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,rgba(74,222,159,.25),rgba(10,132,255,.15));display:grid;place-items:center;border:1px solid rgba(74,222,159,.4);font-size:38px}
.stamp{position:absolute;top:-8px;right:-22px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1px;color:#4ade9f;border:2px solid #4ade9f;border-radius:8px;padding:4px 8px;background:rgba(5,8,14,.6);animation:brStamp .6s cubic-bezier(.2,1.4,.4,1) both}
.done-state h2{margin:24px 0 0;font-size:28px;letter-spacing:-1.2px;font-weight:600}
.done-state p{margin:12px 0 0;color:#93a3b8;font-size:16px;line-height:1.6;max-width:420px}
#ticket-id{color:#eef3fb;font-family:'JetBrains Mono',monospace}
.done-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:28px}
.done-actions a{padding:14px 24px;border-radius:99px;background:linear-gradient(135deg,#0a84ff,#0058cc);color:#fff;font-weight:600;font-size:15px}
.done-actions button{padding:14px 24px;border-radius:99px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#c3d0e2;font-size:15px;cursor:pointer}

@media(max-width:920px){.br-main{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}