@font-face{font-family:Sora;src:url('/sora.woff2') format('woff2');font-display:swap}@font-face{font-family:Xolonium;src:url('/xolonium.ttf') format('truetype');font-display:swap}
:root{font-family:Sora,system-ui,sans-serif;color:#eee9df;background:#101716;font-synthesis:none;line-height:1.65;--gold:#e9c57c;--muted:#b4c1b9;--border:#354840}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#243b32 0,transparent 50%);min-height:100vh}header,footer{max-width:1100px;margin:auto;display:flex;align-items:center;gap:24px;padding:28px 32px}header{border-bottom:1px solid var(--border);font-size:.82rem}main{max-width:820px;margin:64px auto 90px;padding:0 28px;min-height:60vh}h1{font-weight:500;font-size:clamp(2rem,5vw,3.7rem);line-height:1.18;letter-spacing:-.04em;margin:18px 0 24px}.eyebrow{font-size:.72rem;letter-spacing:.15em;color:var(--gold);text-transform:uppercase}.lead{font-size:1.1rem;color:var(--muted);max-width:550px}.notice{border-left:2px solid var(--gold);padding:8px 22px;margin:36px 0;background:#19251f}.notice p{margin:6px 0;font-size:.88rem;color:var(--muted)}.catalog{display:grid;gap:16px;margin-top:32px}.catalog article{padding:25px;border:1px solid var(--border);border-radius:12px;background:#19221f}.catalog h2{font-size:1.3rem;margin:0}.catalog-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:20px}.catalog p{color:var(--muted);font-size:.9rem}.card{border:1px solid var(--border);border-radius:18px;background:#18231fed;padding:36px;margin-top:28px}.card h1{font-size:clamp(1.5rem,4vw,2.15rem);line-height:1.35;letter-spacing:-.025em}.card #description{color:var(--muted);white-space:pre-line}.survey-head,.progress-label{display:flex;justify-content:space-between;align-items:center;gap:15px}.progress-label,#phase{font-size:.8rem;color:var(--muted)}progress{appearance:none;width:100%;height:6px;border:0;border-radius:8px;overflow:hidden;background:#304038}progress::-webkit-progress-bar{background:#304038}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}fieldset{padding:0;border:0;margin:24px 0;min-width:0}legend{font-size:.8rem;color:var(--muted);padding:0;margin-bottom:12px}.option{display:flex;align-items:center;gap:12px;min-height:52px;padding:13px 16px;margin:10px 0;border:1px solid #526359;border-radius:9px;cursor:pointer}.option:has(input:checked){border-color:var(--gold);background:#343c2c}input[type=radio],input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold);flex-shrink:0}textarea,input[type=number]{font:inherit;width:100%;background:#101a15;color:#eee9df;border:1px solid #627367;border-radius:8px;padding:14px}textarea{min-height:140px;resize:vertical}button{font:inherit;font-size:.9rem;font-weight:600;border:1px solid transparent;border-radius:8px;padding:13px 20px;background:var(--gold);color:#19231c;cursor:pointer;min-height:48px}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;color:#deded1;border-color:#627367}.text-button{background:transparent;color:var(--muted);padding-left:0;padding-right:0}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.quiet{font-size:.77rem;color:var(--muted);margin:22px 4px}footer{border-top:1px solid var(--border);font-size:.8rem;color:var(--muted);justify-content:space-between}#error{margin:20px 0;padding:16px;border:1px solid #e7a08a;color:#ffe1d7;border-radius:8px;background:#40261f}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:10px;background:#fff;color:#000;padding:12px;z-index:10}:focus-visible{outline:3px solid #f7da9d;outline-offset:4px}[hidden]{display:none!important}@media(max-width:600px){header{padding:20px;gap:12px;flex-wrap:wrap}main{margin:36px auto 50px;padding:0 18px}.card{padding:24px 18px}.actions>button{width:100%}footer{padding:20px;align-items:flex-start;flex-direction:column;gap:4px}.survey-head{align-items:flex-start}.survey-head .eyebrow{max-width:65%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Controles do laboratório de UX: tokens locais alinhados à paleta institucional. */
:root{--noite:#000c1d;--superficie:#081225;--ouro:#b68442;--ouro-claro:#eabf76;--prata:#d5d6d9;--filete:rgba(182,132,66,.4);--erro:#f5b3a4}
body{background:radial-gradient(ellipse at 90% 0,#142340 0,transparent 55%),var(--noite);color:var(--prata)}
.card,.catalog article{background:var(--superficie);border-color:var(--filete);border-radius:8px}
button{background:var(--ouro-claro);border-radius:4px} .option{border-radius:4px;border-color:#697482} .option:has(input:checked){background:#24334c;border-color:var(--ouro-claro)}
textarea,input[type=number],input[type=text]{font:inherit;width:100%;background:#101c30;color:var(--prata);border:1px solid #8390a0;border-radius:4px;padding:14px}
.rating-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.rating-option{cursor:pointer;position:relative}.rating-option input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.rating-option span{display:grid;place-items:center;min-height:56px;border:1px solid #8390a0;border-radius:4px;font-weight:600}.rating-option input:checked+span{background:var(--ouro-claro);color:var(--noite);border-color:var(--ouro-claro)}.rating-option input:focus-visible+span{outline:3px solid #f7da9d;outline-offset:3px}.counter{display:block;text-align:right;color:var(--muted);font-size:.8rem;margin-top:6px}.option-likert{min-height:58px}button:disabled{opacity:.55}#error{border-color:var(--erro)}
@media(max-width:600px){.rating-row{gap:4px}.rating-option span{min-height:52px}}

:root{--gold:var(--ouro-claro);--border:var(--filete);--muted:#b3beca} .notice{background:#101c30}.catalog article p,.quiet{color:var(--muted)}.option-radio,.option-checkboxes{background:transparent;border-color:transparent;padding:8px 4px;min-height:44px}.option-radio:has(input:checked),.option-checkboxes:has(input:checked){background:#182844}.choices-segments{display:flex;flex-wrap:wrap;gap:0}.choices-segments legend{width:100%}.option-segments{flex:1;justify-content:center;min-width:110px;margin:0;border-radius:0;text-align:center}.option-segments:first-of-type{border-radius:4px 0 0 4px}.option-segments:last-of-type{border-radius:0 4px 4px 0}@media(max-width:600px){.choices-segments{display:block}.option-segments{border-radius:4px!important;margin:8px 0}}

.home-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border:1px solid var(--ouro-claro);border-radius:4px;color:var(--ouro-claro);text-decoration:none;font-weight:600}.home-link:hover{background:#24334c}

/* Cabeçalho institucional: mesmo símbolo, tipografia e cores do Bard. */
.marca{display:flex;align-items:center;gap:.625rem;text-decoration:none;white-space:nowrap}
.marca__icone{width:54px;height:54px;flex:none}
.marca__texto{font-family:Xolonium,'Trebuchet MS',sans-serif;font-size:1.375rem;font-weight:400;letter-spacing:.06em;color:var(--prata)}
.marca__sufixo{color:var(--ouro-claro)}