/* Feedback page, scoped to its new layout and the existing Fluent Form. */
.ffb-feedback { --ffb-gold:var(--ff-brand-yellow); --ffb-red:var(--ff-brand-red); background:#0b1425; color:#fff; overflow:hidden; }
.ffb-feedback * { box-sizing:border-box; }
.ffb-feedback .container { max-width:1240px; }
.ffb-feedback a:focus-visible, .ffb-feedback button:focus-visible, .ffb-feedback :is(input,select,textarea):focus-visible { outline:3px solid var(--ffb-gold); outline-offset:3px; }
.ffb-feedback p { color:#cbd5e2; line-height:1.62; }
.ffb-feedback h1,.ffb-feedback h2,.ffb-feedback h3 { color:#fff; }
.ffb-kicker { display:inline-flex; align-items:center; gap:8px; color:var(--ffb-gold); font-size:.76rem; font-weight:800; text-transform:uppercase; letter-spacing:.14em; }
.ffb-hero { position:relative; isolation:isolate; background:radial-gradient(circle at 85% 0,rgba(122,0,1,.22),transparent 32%),linear-gradient(125deg,#0b162a,#1a2b44); border-bottom:6px solid var(--ffb-gold); }
.ffb-hero:after { content:''; position:absolute; inset:0 0 0 55%; z-index:-1; opacity:.12; background:repeating-linear-gradient(135deg,transparent 0 26px,rgba(255,255,255,.1) 26px 27px); }
.ffb-feedback .ffb-hero .container.ffb-hero-inner { padding-top:118px; padding-bottom:43px; }
.admin-bar .ffb-feedback .ffb-hero .container.ffb-hero-inner { padding-top:150px; }
.ffb-hero h1 { margin:12px 0 13px; font-family:var(--ff-display,'Bangers',cursive); font-size:clamp(3.6rem,7vw,6.1rem); font-weight:400; letter-spacing:.03em; line-height:1.02; }
.ffb-hero h1 em { color:var(--ffb-gold); font-style:normal; }
.ffb-hero p { max-width:780px; margin:0; color:#e8edf4; font-size:clamp(1.05rem,1.5vw,1.2rem); }
.ffb-hero-link { display:inline-flex; gap:12px; align-items:center; margin-top:20px; color:var(--ffb-gold); font-weight:800; text-decoration:underline; text-underline-offset:4px; }
.ffb-hero-link:hover { color:var(--ff-brand-yellow); }
.ffb-form-section { padding:clamp(28px,4vw,52px) 0 clamp(55px,6vw,80px); scroll-margin-top:84px; background:radial-gradient(circle at 0 100%,rgba(122,0,1,.1),transparent 35%),#0b1425; }
.ffb-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(255px,.72fr); align-items:start; gap:clamp(25px,5vw,65px); }
.ffb-panel { min-width:0; padding:clamp(22px,3vw,40px); border:1px solid rgba(212,160,23,.24); border-radius:17px; background:linear-gradient(145deg,#1b2b43,#142138); box-shadow:0 20px 50px rgba(0,0,0,.18); }
.ffb-form-note { margin:0 0 18px; padding:11px 14px; border-left:3px solid var(--ffb-gold); border-radius:0 7px 7px 0; background:rgba(212,160,23,.07); color:#e4eaf2 !important; font-size:.91rem; }
.ffb-panel .ff-el-section-break[data-name="section_break-10_1"] .ff-el-section-title { display:none; }
.ffb-panel .ff-el-section-break[data-name="section_break-10_1"] hr { margin-top:0; border-color:rgba(212,160,23,.22); }
.ffb-panel .fluentform .ff-el-input--label label,
.ffb-panel .fluentform .ff-el-form-check-label { color:#f0f3f8; font-weight:700; }
.ffb-panel .fluentform .ff-el-group:not(.ff-hpsf-container) :is(input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],select,textarea) { max-width:100%; min-height:46px; padding:11px 14px; border:1px solid #92a4b9; border-radius:8px; background:#fff; color:#17253a; font-size:1rem; box-shadow:none; }
.ffb-panel .fluentform .ff-el-group:not(.ff-hpsf-container) textarea { height:125px; min-height:125px; resize:vertical; }
.ffb-panel .fluentform .ff-el-group:not(.ff-hpsf-container) :is(input,textarea)::placeholder { color:#65748a; opacity:1; }
.ffb-panel .fluentform :is(input[type=checkbox],input[type=radio]) { accent-color:var(--ff-brand-yellow); }
.ffb-panel .fluentform .ff-btn-submit { min-height:48px; padding:12px 23px; border:0; border-radius:8px; background:var(--ffb-gold); color:#142033; font-weight:800; cursor:pointer; transition:transform .2s ease,background .2s ease; }
.ffb-panel .fluentform .ff-btn-submit:hover { background:var(--ff-brand-yellow); transform:translateY(-2px); }
.ffb-panel .fluentform .ff-el-is-error :is(.error,.ff-el-form-check-label),
.ffb-panel .fluentform .ff-el-is-error .ff-el-input--label label { color:#ffb8b8; }
.ffb-panel .fluentform .ff-el-help-message { color:#cbd5e2; }
.ffb-panel .fluentform .ff-el-section-break h3 { color:var(--ffb-gold); }
.ffb-fallback { padding:18px; border:1px solid rgba(212,160,23,.35); border-radius:9px; background:rgba(212,160,23,.07); }
.ffb-fallback a { color:var(--ffb-gold); font-weight:800; }
.ffb-prompts { padding:17px 0; }
.ffb-prompts h2 { margin:9px 0 25px; font-family:var(--ff-display,'Bangers',cursive); font-size:clamp(2.35rem,3.4vw,3.1rem); font-weight:400; letter-spacing:.025em; line-height:1.05; }
.ffb-prompt { display:flex; gap:15px; align-items:start; padding:18px 0; border-top:1px solid rgba(255,255,255,.15); }
.ffb-prompt-icon { display:grid; place-items:center; flex:none; width:37px; height:37px; border-radius:10px; background:rgba(212,160,23,.14); color:var(--ffb-gold); font-size:1.25rem; transform:rotate(-6deg); }
.ffb-prompt:nth-of-type(3) .ffb-prompt-icon { background:rgba(122,0,1,.22); color:#fff; }
.ffb-prompt h3 { margin:0 0 4px; font-size:1rem; }
.ffb-prompt p { margin:0; font-size:.9rem; }
.ffb-next { border-top:1px solid rgba(255,255,255,.12); background:#121f32; }
.ffb-next-inner { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-top:25px; padding-bottom:25px; }
.ffb-next p { margin:0; }
.ffb-next-inner > div { display:flex; flex-wrap:wrap; gap:13px 23px; }
.ffb-next a { color:var(--ffb-gold); font-weight:800; text-decoration:underline; text-underline-offset:4px; }
.ffb-next a:hover { color:var(--ff-brand-yellow); }
@media (max-width:760px) { .ffb-layout { grid-template-columns:1fr; gap:25px; } .ffb-prompts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } .ffb-prompts > .ffb-kicker,.ffb-prompts > h2 { grid-column:1/-1; } .ffb-prompts h2 { margin-bottom:0; } .ffb-prompt { display:block; padding:17px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:#17283f; } .ffb-prompt-icon { margin-bottom:12px; } .ffb-next-inner { align-items:flex-start; flex-direction:column; } }
@media (max-width:560px) { .ffb-feedback .ffb-hero .container.ffb-hero-inner { padding-top:96px; padding-bottom:35px; } .admin-bar .ffb-feedback .ffb-hero .container.ffb-hero-inner { padding-top:128px; } .ffb-hero h1 { font-size:clamp(3.1rem,13vw,4.3rem); } .ffb-prompts { grid-template-columns:1fr; } .ffb-prompt { display:flex; } .ffb-prompt-icon { margin-bottom:0; } }
@media (prefers-reduced-motion:reduce) { .ffb-feedback *, .ffb-feedback *:before, .ffb-feedback *:after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }