:root{--gn-red: #f2320b;--gn-blue: #1126d9;--gn-yellow: #f6e000;--gn-green: #08b25d;--paper: #f3f3f3;--ink: #101010;--cream: #ececb7}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100dvh}html{scrollbar-gutter:stable}body{margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--ink);background:#0f0f0f;overflow-y:auto;overflow-x:hidden}body.admin-no-page-scroll{overflow:hidden}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.6) rgba(15,23,42,.35)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#0f172a59}*::-webkit-scrollbar-thumb{background:#94a3b899;border-radius:999px;border:2px solid rgba(15,23,42,.35)}*::-webkit-scrollbar-thumb:hover{background:#cbd5e1b8}.screen{width:100%;height:100dvh;min-height:100dvh;display:grid;place-items:center;padding:0;overflow:hidden}.screen--home{grid-template-columns:1fr 1fr;background:linear-gradient(90deg,var(--gn-red) 0 43%,var(--gn-blue) 43% 100%);justify-items:stretch;align-items:stretch}.hero-card{width:min(560px,100%);padding:2rem;align-self:center;justify-self:center}.hero-title{width:min(360px,80vw)}.hero-copy{color:#fff;font-size:1.35rem;max-width:28rem}.hero-side{width:100%;height:100%;background-image:url(/assets/images/Prancheta%206.png);background-size:cover;background-position:center}.cta{border:0;border-radius:999px;display:inline-block;padding:.9rem 1.5rem;background:var(--cream);color:#111;font-weight:700;text-decoration:none}.cta:disabled{opacity:.5;cursor:not-allowed}.question-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.cta--secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4)}.cta--secondary:hover:not(:disabled){background:#ffffff4d;border-color:#fff9}.screen--profile{background:#2e2e2e;overflow:hidden}.profile-shell{width:100%;height:100dvh;display:grid;grid-template-columns:46% 54%;background-image:url(/assets/images/Prancheta%201.png);background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden}.profile-left{min-height:100%}.profile-form,.admin-card{width:min(420px,84%);max-height:100%;margin:0 auto;align-self:center;padding:1.5rem 0;display:grid;gap:.9rem}.admin-card{width:100%;max-width:none;margin:0;align-self:stretch;padding:1.25rem}.profile-form h1{margin:0 0 1rem;text-align:center;color:#f6f8bf;font-size:clamp(2rem,3.3vw,3rem)}.profile-errors{display:grid;gap:.35rem;margin:0 0 .2rem;padding:.8rem 1rem;border-radius:14px;background:#f2320b40;border:1px solid rgba(246,248,191,.5);color:#fff9cc;font-size:.95rem}.profile-errors p{margin:0}.field-error{border-color:#ffb2a1;box-shadow:0 0 0 2px #f2320b52}.field-filled{border-color:#f6f8bf;background-color:#f6f8bf1f;box-shadow:0 0 0 2px #f6f8bf29}.field-active{border-color:#fff7a0;background-color:#f6f8bf2e;box-shadow:0 0 0 3px #f6f8bf52}.field-error-text{margin:-.4rem 0 .2rem;padding-left:.7rem;color:#ffe4db;font-size:.88rem}input{height:64px;width:100%;padding:0 1.25rem;border-radius:999px;border:3px solid #e8e9bb;background:transparent;color:#fff;font-size:clamp(1.1rem,1.5vw,2rem);outline:none}input::placeholder{color:#f3f3d6}.screen--profile input::placeholder{color:#f3f3d699}.screen--profile select:not(.field-filled){color:#f3f3d699}select{height:64px;width:100%;padding:0 3.5rem 0 1.25rem;border-radius:999px;border:3px solid #e8e9bb;background-color:transparent;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .8rem center;background-size:1.5rem 1.5rem;color:#fff;font-size:clamp(1.1rem,1.5vw,2rem);outline:none;appearance:none}select option{color:#111}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cta--profile{margin:1rem auto 0;min-width:220px;text-align:center;font-size:clamp(1.1rem,1.4vw,1.8rem);color:#0821c7;background:#ececb7;padding:.9rem 2.1rem;cursor:pointer}@media(max-height:820px){.profile-form{gap:.65rem;padding:.75rem 0}.profile-form h1{margin:0 0 .55rem;font-size:clamp(1.7rem,4.2vh,2.6rem)}.screen--profile input,.screen--profile select{height:clamp(46px,7vh,58px);font-size:clamp(1rem,2.2vh,1.35rem)}.cta--profile{margin-top:.45rem;padding:.75rem 1.7rem}}.screen--question{background-size:cover;background-position:center;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.question-layer{width:100%;max-width:900px;min-height:min(80dvh,100%);padding:clamp(1.5rem,5vw,3rem);background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.progress{width:100%;height:10px;border-radius:999px;overflow:hidden;background:#ffffff73;margin-bottom:1rem}.progress>div{height:10px;background:var(--gn-yellow)}.answers{display:grid;gap:1rem;margin:1rem 0 1.5rem}.answer-pill{min-height:64px;border-radius:999px;border:3px solid transparent;font-size:clamp(1rem,1.2vw,1.3rem);background:#ececb7d9;color:#111;cursor:pointer;font-weight:600;transition:all .25s ease}.answer-pill:hover{background:#ececb7f2}.answer-pill.active{border-color:#fff;background:#fff;box-shadow:0 0 20px #fff9,inset 0 0 15px #1f26d933;transform:scale(1.05);color:var(--gn-blue)}.ordering-selector{display:grid;gap:.6rem;margin-bottom:1.5rem}.ordering-pill{width:100%;border:2px solid rgba(255,255,255,.45);border-radius:14px;background:#ffffffe0;color:#111;padding:.75rem .9rem;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:.75rem;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;font-size:1rem;font-weight:600}.ordering-pill:hover{transform:translateY(-1px);border-color:#1126d973;background:#fffffff2}.ordering-pill.active{border-color:#fff;background:#fff;box-shadow:0 0 0 2px #1126d92e}.ordering-pill-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;border:2px solid rgba(17,38,217,.25);font-size:.95rem;font-weight:800;color:#1126d9;background:#1126d90f}.ordering-pill.active .ordering-pill-rank{border-color:#1126d9;background:#1126d9;color:#fff}.question-feedback{margin:0 0 1rem;color:#fff6bf;font-weight:700}.screen--result{width:100%;height:100dvh;padding:0;background-image:url(/assets/images/Prancheta%207.png);background-size:contain;background-repeat:no-repeat;background-position:center center;background-color:#f05217;align-items:stretch;overflow:hidden;position:relative}.result-layout{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:1fr 1fr}.result-panel{min-height:0;height:100%;padding:2.5rem 2.2rem 2rem;display:grid;grid-template-rows:auto auto auto 1fr auto;align-content:start;justify-items:center;text-align:center;color:#fff;gap:1rem}.result-logo{width:min(410px,86%);max-height:165px;object-fit:contain}.result-stars{width:min(330px,80%);object-fit:contain;filter:brightness(0) saturate(0) contrast(1.2)}.result-panel h1,.result-panel h2{margin:0;width:100%;text-align:left;font-size:clamp(2.35rem,3.7vw,3.75rem);line-height:1;color:#fff4c7}.result-panel h2{font-size:clamp(1.85rem,2.7vw,2.95rem)}.result-panel p{margin:0;max-width:620px;align-self:end;font-size:clamp(1.35rem,1.7vw,2.1rem);line-height:1.2;color:#fff8e3}.result-email-card,.result-email-dialog{width:min(100%,620px);padding:1rem 1.1rem;border-radius:18px;background:#0f172ab3;border:1px solid rgba(248,250,252,.22);display:grid;gap:.9rem}.result-email-dialog{position:absolute;left:50%;bottom:5.7rem;transform:translate(-50%);z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 40px #02061761}.result-email-copy,.result-email-status{margin:0;max-width:none;align-self:auto;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.45;color:#fff8e3}.result-email-actions{display:flex;flex-wrap:wrap;gap:.75rem}.result-bottom-action{position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%);z-index:2}.result-restart-button{min-width:220px;text-align:center;box-shadow:0 16px 32px #0f172a47}.result-panel--primary{background:#e63a1294}.result-panel--secondary{background:#d372228c}.result-panel .cta{align-self:end}.cta--light{background:#fff}.screen--admin{background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 26%),radial-gradient(circle at bottom right,rgba(255,255,255,.05),transparent 22%),linear-gradient(180deg,#09090b,#111827 52%,#0f172a);color:#f8fafc}.screen--admin .cta{border-radius:10px}.dashboard-screen{--admin-shell-gap: 1.25rem;--admin-sidebar-width: clamp(320px, 27vw, 400px);display:block;width:100%;max-width:100%;padding:1.25rem;height:100dvh;min-height:100dvh;overflow-x:hidden}.dashboard-shell{display:grid;grid-template-columns:var(--admin-sidebar-width) minmax(0,1fr);gap:var(--admin-shell-gap);width:100%;max-width:100%;height:100%;min-height:0;align-items:start}.dashboard-sidebar,.dashboard-main{display:grid;gap:1rem;align-content:start}.dashboard-sidebar-panel{position:sticky;top:0;width:100%;height:fit-content;max-height:100%;overflow:visible;padding-right:0;align-self:start}.dashboard-main{margin-left:0;width:100%;max-width:100%;min-width:0;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;text-align:left;justify-items:stretch}.dashboard-main .admin-card,.dashboard-main .admin-panel,.dashboard-main .submissions-card{text-align:left;justify-items:stretch}.dashboard-main .admin-card>*,.dashboard-main .admin-panel>*,.dashboard-main .submissions-card>*{justify-self:stretch}.dashboard-headline,.admin-list-block,.inline-editor,.question-card,.option-card,.submissions-card{padding:1rem;border-radius:20px;background:#0f172ab8;border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 60px #02061759;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-tab-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.admin-tab{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0f172a99;color:#94a3b8;padding:.6rem .55rem;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .16s ease}.admin-tab-label{white-space:nowrap}.admin-tab:hover{color:#dbeafe;border-color:#93c5fd73}.admin-tab.active{color:#f8fafc;border-color:#38bdf88c;background:linear-gradient(145deg,#1e40af80,#1e293bd9);box-shadow:0 12px 30px #1e40af4d}.admin-muted-copy{margin:0;color:#94a3b8;line-height:1.55}.admin-tab-panel-stack{position:relative;min-height:0}.admin-tab-panel-stack--sidebar,.admin-tab-panel-stack--main{min-height:0}.admin-tab-panel{display:grid;gap:1rem;min-height:0;justify-items:stretch}.dashboard-main .admin-tab-panel>*{width:100%;margin-left:0;margin-right:0}.admin-tab-panel.is-hidden{position:absolute;inset:0;opacity:0;pointer-events:none}.admin-tab-panel.is-active{position:relative;opacity:1}.products-editor-grid{display:grid;gap:.85rem}.admin-mini-form{display:grid;gap:.65rem;padding:1rem;border-radius:20px;background:#0f172ab8;border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 60px #02061759;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-mini-form textarea,.inline-editor textarea,.admin-card textarea{min-height:90px;padding:.9rem 1rem;border-radius:14px;border:1px solid rgba(148,163,184,.28);background:#0f172ae6;color:#f8fafc}.sidebar-item{display:grid;gap:.25rem;width:100%;text-align:left;padding:.95rem 1rem;border-radius:14px;border:1px solid rgba(148,163,184,.12);background:#1e293bb8;color:#f8fafc;transition:border-color .2s ease,background .2s ease,transform .2s ease}.sidebar-item:hover{border-color:#94a3b84d;background:#334155d1;transform:translateY(-1px)}.sidebar-item.active{border-color:#f8fafc73;background:linear-gradient(135deg,#1e40afbf,#3b82f666)}.admin-message{margin:0;padding:.9rem 1rem;border-radius:14px;background:#22c55e29;border:1px solid rgba(74,222,128,.28);color:#dcfce7}.admin-warning-copy{margin:0;padding:.85rem 1rem;border-radius:14px;background:#fbbf2429;border:1px solid rgba(251,191,36,.3);color:#fde68a;line-height:1.5}.admin-toolbar,.inline-actions,.section-head,.submissions-head,.question-grid{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.inline-actions--center{justify-content:center}.question-editor-list,.options-list,.submissions-grid{display:grid;gap:1rem}.question-form,.option-card,.inline-editor{display:grid;gap:.75rem}.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.score-field{display:grid;gap:.35rem}.submission-row{display:grid;gap:.2rem;padding:.75rem .9rem;border-radius:14px;background:#1e293bb8;border:1px solid rgba(148,163,184,.12)}.admin-login-card{width:min(460px,92vw);padding:2rem}.admin-login-copy,.admin-hero-copy,.dashboard-headline p{margin:0;color:#cbd5e1;line-height:1.6}.admin-login-error{margin:0;color:#fca5a5}.admin-eyebrow,.admin-panel-kicker{margin:0;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#93c5fd}.dashboard-brand-card{gap:.75rem}.dashboard-brand-card h1,.admin-hero-card h2{margin:0;font-size:clamp(1.6rem,2vw,2.4rem)}.admin-panel-header h2,.submissions-head h2,.section-head h2,.section-head h3,.admin-stat-card span,.inline-actions .cta,.cta--with-icon{display:inline-flex;align-items:center;gap:.5rem}.dashboard-brand-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#e2e8f0;font-size:.95rem}.admin-panel{gap:.85rem}.admin-checkbox-row{display:flex;align-items:center;gap:.75rem;color:#e2e8f0;font-size:.95rem;font-weight:600}.admin-checkbox-row input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#38bdf8}.admin-panel-header{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.admin-panel-header h2,.admin-list-block h2,.submissions-head h2,.section-head h2,.section-head h3,.admin-empty-state h2{margin:.15rem 0 0}.admin-hero-card{grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);align-items:start;gap:1.25rem;text-align:left}.admin-hero-card>div{justify-self:start}.admin-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.admin-stat-card{display:grid;gap:.25rem;padding:1rem;border-radius:16px;background:#1e293bbd;border:1px solid rgba(148,163,184,.14);text-align:left}.admin-stat-card span{color:#94a3b8;font-size:.88rem}.admin-stat-card strong{font-size:1.8rem;line-height:1}.admin-empty-state{place-items:center;text-align:center;min-height:220px}.cta--admin{background:#f8fafc;color:#0f172a}.cta--ghost{background:transparent;color:#f8fafc;border:1px solid rgba(148,163,184,.24)}.cta--danger{background:#7f1d1df2;color:#fee2e2}.cta--file{background:#1e293bf2;color:#e2e8f0;border:1px solid rgba(148,163,184,.28);cursor:pointer}.cta--file:hover{border-color:#94a3b880;background:#334155f2}.admin-badge{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;padding:.35rem .65rem;border-radius:999px;background:#3b82f62e;border:1px solid rgba(96,165,250,.3);color:#dbeafe;font-size:.78rem;font-weight:700}.admin-icon{width:1rem;height:1rem;flex:none}.admin-icon--chevron{width:1.1rem;height:1.1rem}.product-editor{gap:.9rem}.product-editor h3,.question-toggle-copy strong{margin:0;font-size:1rem}.question-card{gap:1rem}.question-toggle-header{display:flex;align-items:center;gap:.75rem}.question-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.question-toggle-copy{display:grid;gap:.35rem}.question-toggle-copy span:last-child{color:#94a3b8;font-size:.9rem}.question-toggle-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#1e293bb8;transition:transform .2s ease}.question-toggle-icon.open{transform:rotate(180deg)}.question-reorder-buttons{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.reorder-btn{display:grid;place-items:center;width:1.6rem;height:1.35rem;border-radius:6px;border:1px solid rgba(148,163,184,.22);background:#1e293bb8;color:#94a3b8;font-size:.78rem;cursor:pointer;line-height:1;transition:background .15s,color .15s;padding:0}.reorder-btn:hover:not(:disabled){background:#3b82f64d;color:#93c5fd}.reorder-btn:disabled{opacity:.28;cursor:default}.question-image-upload{display:grid;gap:.65rem}.question-image-label{display:flex;flex-direction:column;gap:.45rem;font-size:.82rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.question-image-label input[type=file]{border-radius:10px;border:1px dashed rgba(148,163,184,.38);background:#0f172a80;padding:.55rem .9rem;color:#94a3b8;font-size:.88rem;cursor:pointer;font-weight:400;text-transform:none;letter-spacing:0}.question-image-label input[type=file]:hover{border-color:#63b3ed80}.question-image-preview{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:12px;background:#0f172a99;border:1px solid rgba(148,163,184,.18)}.question-image-preview img{width:96px;height:60px;object-fit:cover;border-radius:8px;flex-shrink:0}.product-image-upload{display:grid;gap:.65rem}.product-image-label{display:inline-flex;align-items:center;font-size:.82rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.product-file-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;opacity:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%)}.product-image-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.65rem;border-radius:12px;background:#0f172a99;border:1px solid rgba(148,163,184,.18)}.product-image-thumb{width:96px;height:60px;object-fit:contain;background:#02061799;border-radius:8px;padding:.3rem;flex-shrink:0}.product-image-thumb--placeholder{display:grid;place-items:center;border:1px dashed rgba(148,163,184,.34);color:#94a3b8;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.product-file-name{min-width:180px;max-width:320px;color:#e2e8f0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submission-table{display:grid;gap:.75rem}.submission-table-head,.submission-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 96px minmax(0,1fr) minmax(0,1fr) minmax(130px,1.05fr);gap:.75rem;align-items:center}.submission-table-head{padding:0 .9rem;color:#94a3b8;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.screen--admin input,.screen--admin select,.screen--admin textarea{font-size:.98rem;border-radius:14px;border-width:1px;border-color:#94a3b847;background:#0f172ae6;color:#f8fafc}.screen--admin .admin-checkbox-row input[type=checkbox]{width:18px;height:18px;padding:0;border:0;border-radius:4px;background:transparent;flex:none}.screen--admin input,.screen--admin select{height:48px;padding:0 .95rem}.screen--admin select{padding-right:3rem;background-position:right .75rem center;background-size:1rem 1rem}.screen--admin input::placeholder,.screen--admin textarea::placeholder{color:#64748b}.screen--admin label{color:#cbd5e1;font-size:.95rem;font-weight:600}@media(max-width:900px)and (orientation:portrait){.screen--home,.screen--result{background-size:cover;background-position:64% center}.result-layout{grid-template-columns:1fr}.result-panel{min-height:50dvh;padding:1.6rem 1.1rem 1.3rem;grid-template-rows:auto auto auto auto auto}.result-panel h1,.result-panel h2{text-align:center}.result-panel p{max-width:100%;align-self:auto}.result-bottom-action{bottom:1rem;width:calc(100% - 2rem);display:flex;justify-content:center}.result-email-dialog{width:calc(100% - 2rem);bottom:5rem}.result-restart-button{min-width:min(320px,100%)}.profile-shell{width:100%;height:100dvh;grid-template-columns:1fr;background-size:cover;background-position:28% center}.profile-left{display:none}.profile-form{width:min(430px,90%);padding:1.2rem 0}.dashboard-shell{grid-template-columns:1fr;height:auto}.dashboard-sidebar-panel{position:static;width:auto;height:auto;left:auto;top:auto;overflow:visible;padding-right:0}.dashboard-main{margin-left:0;max-height:none;overflow:visible}.admin-hero-card{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:1fr 1fr}.submission-table-head,.submission-row{grid-template-columns:1fr}.product-image-row{align-items:stretch}.product-file-name{min-width:100%;max-width:none}.submission-table-head{display:none}.hero-side{min-height:240px}}