@font-face{font-family:Montserrat;src:url(/brand/montserrat.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;color:var(--bubba-ui-text);background:var(--bubba-ui-canvas);font:16px/1.5 var(--bubba-font-body);font-synthesis:none}
header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;max-width:1120px;margin:auto;padding:24px}
header img{display:block;object-fit:contain;background:#fff;border-radius:var(--bubba-radius-control);padding:8px}
.appearance{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--bubba-ui-muted)}
main{width:min(calc(100% - 32px),440px);margin:clamp(24px,8vh,96px) auto;padding:clamp(20px,5vw,36px);background:var(--bubba-ui-surface);border:1px solid var(--bubba-ui-line);border-top:4px solid var(--bubba-ui-primary);border-radius:var(--bubba-radius-panel);box-shadow:var(--bubba-ui-shadow-panel)}
.eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.08em;font-weight:700;color:var(--bubba-ui-link)}
h1{margin:0 0 12px;font-size:32px;line-height:1.2;letter-spacing:-.02em}
.intro{margin:0 0 28px;color:var(--bubba-ui-muted)}
form>label,form>input,form>button{display:block;width:100%}
form>label{font-weight:600;font-size:14px}
input,select,button{font:inherit;min-height:44px;min-width:44px;border:1px solid var(--bubba-ui-border);border-radius:var(--bubba-radius-control);padding:10px 12px}
input,select{background:var(--bubba-ui-surface);color:var(--bubba-ui-text)}
input{margin:8px 0 20px}
button{cursor:pointer;font-weight:700;background:var(--bubba-ui-primary);color:var(--bubba-ui-on-primary);border-color:var(--bubba-ui-primary)}
button:hover:not(:disabled){background:var(--bubba-ui-primary-hover);border-color:var(--bubba-ui-primary-hover)}
button:disabled{cursor:wait;color:var(--bubba-ui-disabled-text);background:var(--bubba-ui-disabled-surface);border-color:var(--bubba-ui-line)}
:focus-visible{outline:var(--bubba-focus-width) solid var(--bubba-ui-focus);outline-offset:3px}
#error{color:var(--bubba-ui-error);margin:16px 0 0;font-size:14px;overflow-wrap:anywhere}
#error:empty{display:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
