/* The claim page (AGT-4), rc's "A · Claim check" design. Fonts are self-hosted subsets (OFL, licences beside them). */
@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-grotesque.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/jetbrains-mono.woff2) format("woff2");font-weight:400 800;font-display:swap}
:root{color-scheme:dark;--bg:#121211;--dot:#25241F;--ink:#EDEBE6;--muted:#B5B0A5;--dim:#9C978C;--faint:#8F8A80;--line:#33312C;--line2:#3A3833;--card:#1A1917;
--teal:#3FD0B0;--pink:#F06A8C;--orange:#F5983F;--blue:#4C8CF5;--paper:#F3EFE6;--paper2:#E9E3D5;--ticket-ink:#1A1917;--ticket-dim:#655F52;--focus:#6FA0FF;
--sans:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(var(--dot) 1px,transparent 1.4px);background-size:22px 22px;color:var(--ink);font-family:var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-underline-offset:3px}a:hover{color:#FFF}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.cc-top{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.cc-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:22px 0;border-bottom:1px solid #26251F}
.cc-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.cc-brand b{font-size:20px;font-weight:600;letter-spacing:-.01em}
.cc-who{display:flex;align-items:center;gap:18px;font:13px var(--mono);color:#A29D92;min-width:0;overflow-wrap:anywhere}
.cc-who form{display:inline}.cc-who button{padding:0;border:0;background:none;color:var(--ink);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cc-main{max-width:1180px;margin:0 auto;padding:64px clamp(16px,4vw,40px) 96px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:56px 64px}
.cc-left{flex:1 1 420px;max-width:540px;min-width:0}
.cc-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 12px;border:1px solid var(--line);border-radius:999px;background:#181816;font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#C4BFB4}
.cc-pill i{width:8px;height:8px;border-radius:50%;background:var(--orange)}
.cc-pill.done{border-color:#29443A;background:#14201B;color:#9FE6D3}.cc-pill.done i{background:var(--teal)}
.cc-h{margin:22px 0 0;font-size:clamp(44px,6vw,68px);line-height:1;font-weight:700;letter-spacing:-.035em}
.cc-name{display:block;margin-top:8px;font-family:var(--mono);font-weight:700;font-size:.78em;letter-spacing:-.04em;color:#FFF;overflow-wrap:anywhere}
.cc-under{display:flex;gap:6px;margin-top:16px}.cc-under span{width:34px;height:6px;border-radius:2px;transform:skewX(-24deg)}
.cc-sub{margin:22px 0 0;max-width:440px;font-size:18px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.cc-steps{margin-top:40px;display:flex;flex-direction:column;gap:28px}
.cc-step{display:flex;flex-direction:column;gap:10px}
.cc-label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--ink)}
.cc-num{width:24px;height:24px;border-radius:50%;background:#26251F;border:1px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;font:700 12px var(--mono)}
.cc-field{position:relative;display:flex;align-items:center;gap:14px;min-height:68px;padding:12px 16px;background-color:var(--card);border:1px solid var(--line);border-radius:14px;transition:border-color .15s ease,background-color .15s ease}
.cc-field:hover{border-color:#4A4740;background-color:#1F1E1B}
.cc-field:focus-within{outline:2px solid var(--focus);outline-offset:3px}
.cc-field select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;border:0;appearance:none}
.cc-field.role{align-items:flex-start;padding:14px 16px 16px}
.cc-field.static{cursor:default}.cc-field.static:hover{border-color:var(--line);background-color:var(--card)}
.cc-avatar{width:40px;height:40px;flex:none;border-radius:11px;background:var(--blue);color:#0D1526;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800}
.cc-icon{width:40px;height:40px;flex:none;border-radius:11px;background:#173029;display:flex;align-items:center;justify-content:center}
.cc-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.cc-text b{font-size:16px;font-weight:600;overflow-wrap:anywhere}.cc-text small{font-size:13px;color:var(--dim)}
.cc-role{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.cc-role b{display:flex;align-items:center;min-height:40px;font-size:17px;font-weight:650}
.cc-checks{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.4;color:var(--muted)}
.cc-checks span{display:flex;align-items:center;gap:10px}.cc-checks svg{flex:none}
.cc-change{display:flex;align-items:center;gap:6px;min-height:40px;font-size:13px;color:#A29D92}
.cc-help{margin:0;font-size:13px;line-height:1.45;color:var(--faint)}
.cc-warn{margin:28px 0 0;padding:14px 16px;border:1px solid #5A2E2A;border-radius:14px;background:#22161A;color:#F2B8B0;font-size:15px;line-height:1.5}
.cc-btns{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.cc-btn{display:inline-flex;align-items:center;gap:12px;min-height:56px;border-radius:14px;font:650 16px var(--sans);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .15s ease,border-color .15s ease}
.cc-btn.primary{padding:0 24px 0 20px;border:0;background-color:var(--paper);color:#141413;box-shadow:0 4px 0 #8C8678}
.cc-btn.primary:hover{background-color:#FFF;transform:translateY(-1px)}
.cc-btn.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #8C8678}
.cc-btn .mini{transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.cc-btn.primary:hover .mini{transform:translateX(3px) rotate(-8deg)}
.cc-btn.ghost{padding:0 22px;border:1px solid var(--line2);background-color:transparent;color:var(--ink);font-weight:550}
.cc-btn.ghost:hover{border-color:#6A665C;background-color:#1B1A18}
.cc-done{margin-top:40px;display:flex;align-items:flex-start;gap:16px;padding:20px 22px;background-color:#14201B;border:1px solid #29443A;border-radius:16px}
.cc-done .tick{width:36px;height:36px;flex:none;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center}
.cc-done div{display:flex;flex-direction:column;gap:6px}.cc-done p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.cc-done p:first-child{font-size:18px;font-weight:650;color:var(--ink)}
.cc-done a{margin-top:6px;font-size:15px;font-weight:600;color:var(--teal)}
/* The claim check: decoration, repeating the form's choices (aria-hidden); the form is the source of truth. */
.cc-right{flex:1 1 380px;min-width:0;min-height:600px;position:relative;display:flex;align-items:center;justify-content:center}
.cc-slashes{position:absolute;left:50%;top:50%;width:min(520px,118%);height:auto;transform:translate(-50%,-50%)}
.cc-ticket{position:relative;z-index:1;width:340px;max-width:100%;transform:rotate(-4deg);filter:drop-shadow(0 30px 34px rgba(0,0,0,.55)) drop-shadow(0 3px 3px rgba(0,0,0,.35));font-family:var(--mono);color:var(--ticket-ink)}
.cc-stub-top{position:relative;padding:26px 26px 32px;border-radius:20px 20px 0 0;background:radial-gradient(circle at 0 100%,transparent 15px,var(--paper) 15.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 100%,transparent 15px,var(--paper) 15.5px) right/51% 100% no-repeat}
.cc-stub-bot{position:relative;padding:24px 26px 26px;border-radius:0 0 20px 20px;background:radial-gradient(circle at 0 0,transparent 15px,var(--paper2) 15.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 0,transparent 15px,var(--paper2) 15.5px) right/51% 100% no-repeat}
.cc-perf{position:absolute;top:-1px;left:22px;right:22px;border-top:2px dashed #C6BDA8}
.cc-tk-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.cc-tk-head span+span{color:var(--ticket-dim)}
.cc-tk-k{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ticket-dim)}
.cc-tk-app{margin-top:6px;font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.1;white-space:nowrap}
.cc-tk-app.long{font-size:22px}.cc-tk-app.xlong{font-size:16px;white-space:normal;overflow-wrap:anywhere}
.cc-tk-grid{margin-top:24px;display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:12px;row-gap:10px;align-items:baseline;font-size:12.5px}.cc-tk-grid span{overflow-wrap:anywhere}
.cc-tk-status{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.cc-tk-status b{font-size:14px;font-weight:800}
.cc-bars{margin-top:16px;height:46px;display:flex;gap:4px;padding-left:6px;overflow:hidden}.cc-bars span{flex:none;height:100%;border-radius:1px;transform:skewX(-14deg)}
.cc-stamp{position:absolute;right:18px;top:62px;z-index:1;transform:rotate(-14deg);padding:4px;border:3px solid #D63E64;border-radius:10px;color:#D63E64;mix-blend-mode:multiply;opacity:.92}
.cc-stamp div{border:1.5px solid #D63E64;border-radius:6px;padding:7px 14px 6px;text-align:center}
.cc-stamp b{display:block;font-size:22px;font-weight:800;letter-spacing:.14em;line-height:1}.cc-stamp small{display:block;margin-top:5px;font-size:9.5px;font-weight:700;letter-spacing:.18em}
.pulse{animation:pulse 2.2s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(245,152,63,.55)}60%{box-shadow:0 0 0 7px rgba(245,152,63,0)}}
.stamp{animation:stamp .5s cubic-bezier(.2,.9,.25,1.25) .15s both}
@keyframes stamp{0%{opacity:0;transform:rotate(-14deg) scale(2.4)}55%{opacity:1;transform:rotate(-14deg) scale(.9)}100%{opacity:1;transform:rotate(-14deg) scale(1)}}
.jiggle{animation:jiggle .6s ease .3s both}
@keyframes jiggle{0%{transform:rotate(-4deg)}30%{transform:rotate(-1deg) translateY(-8px)}60%{transform:rotate(-6deg) translateY(2px)}100%{transform:rotate(-4deg)}}
.rise{animation:rise .45s ease both}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pulse,.stamp,.jiggle,.rise{animation:none}.cc-btn,.cc-field,.cc-btn .mini{transition:none}}
/* CSN-9: the console's sign-in and create-account pages, rc's "on the record" design in the same system. */
.cc-back{font:13px var(--mono);color:#A29D92}
.cc-h.signin{max-width:460px;font-size:clamp(40px,5.2vw,60px);line-height:1.02;text-wrap:balance}
.cc-methods{margin-top:36px;max-width:460px;display:flex;flex-direction:column;gap:10px}
.cc-form{display:flex;flex-direction:column;gap:10px}
.cc-input{width:100%;min-height:56px;padding:0 18px;border:1px solid var(--line);border-radius:14px;background-color:var(--card);color:var(--ink);font:16px var(--mono);transition:border-color .15s ease,background-color .15s ease}
.cc-input:hover{border-color:#4A4740}
.cc-input:focus{outline:2px solid var(--focus);outline-offset:3px;border-color:#4A4740;background-color:#1F1E1B}
.cc-input::placeholder{color:#7C776D}
.cc-btn.wide{width:100%;justify-content:center;text-decoration:none}
.cc-btn.primary.wide{margin-top:10px}
.cc-btn.ghost svg{width:18px;height:18px;flex:none}
.cc-or{display:flex;align-items:center;gap:14px;margin:10px 0;font:12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7C776D}
.cc-or span{flex:1;height:1px;background:#2A2925}
.cc-alt{margin:28px 0 0;font-size:15px;color:#A29D92}.cc-alt a{font-weight:600}
.cc-err{margin:24px 0 0;max-width:460px;font-size:14px;line-height:1.45;color:#F49AB0}
.cc-slashes.flip{transform:translate(-50%,-50%) scaleX(-1)}
.cc-ticket.tilt{transform:rotate(4deg)}
.cc-tk-who{min-width:0;max-width:100%;word-break:break-all;margin-top:6px;min-height:30px;font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.3;overflow-wrap:anywhere}
.cc-tk-who.empty{color:#9A9384}

/* A phone: the ticket goes on top, smaller; the form keeps a 16px gutter and never scrolls sideways. */
@media (max-width:760px){
.cc-main{padding-top:28px;gap:28px}
.cc-right{flex-basis:100%;min-height:300px}
.cc-ticket{width:250px;font-size:.8em}.cc-tk-app{font-size:24px}.cc-tk-app.long{font-size:17px}.cc-tk-app.xlong{font-size:13px}.cc-tk-grid{grid-template-columns:84px minmax(0,1fr)}
.cc-slashes{display:none}
.cc-btns{flex-direction:column;align-items:stretch}.cc-btn{justify-content:center}
.cc-ticket.tilt .cc-tk-grid{grid-template-columns:max-content minmax(0,1fr)}
.cc-ticket.tilt .cc-tk-head{flex-wrap:wrap;gap:6px 12px;letter-spacing:.14em}
.cc-ticket.tilt [data-when]{white-space:nowrap;font-size:10.5px}
.cc-tk-who{font-size:17px}
}