@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";
:root{--neto-blue:#001689;--blue-900:#000e5c;--blue-200:#aab1d7;--blue-050:#eef0f8;--navy:#26336d;--neto-orange:#ff6700;--orange-700:#cc5200;--orange-300:#ff8736;--orange-100:#ffeadd;--ink:#1e1f1f;--gray-700:#4a4a4d;--gray-500:#8a8a8e;--gray-300:#d5d5d8;--gray-100:#f2f2f4;--gray-050:#fafafb;--white:#fff;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--font-sans:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);color:var(--ink);background:var(--neto-blue);-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:100dvh;overflow-x:hidden}button,input{font:inherit;color:inherit}.backdrop{z-index:0;background:var(--neto-blue);pointer-events:none;position:fixed;inset:0;overflow:hidden}.bubble{will-change:transform,opacity;background:#ffffff0d;border:1px solid #fff3;border-radius:50%;position:absolute}.bubble--orange{background:#ff670014;border-color:#ff873666}.shell{z-index:1;min-height:100dvh;padding:1.25rem 1rem;padding-top:calc(1.25rem + env(safe-area-inset-top));padding-bottom:calc(1.25rem + env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;position:relative}.stage{width:100%;max-width:30rem;margin:auto 0}.brand{justify-content:center;margin-bottom:1.5rem;display:flex}.brand img{filter:brightness(0)invert();width:auto;height:30px}.hero-title{color:var(--white);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(1.5rem,7.2vw,2.125rem);font-weight:700;line-height:1.18}.hero-title em{color:var(--orange-300);font-style:normal}.hero-text{color:var(--blue-200);margin-top:.75rem;font-size:clamp(.875rem,3.8vw,1rem);line-height:1.55}.hero-meta{flex-wrap:wrap;gap:.5rem 1.125rem;margin-top:1.125rem;display:flex}.hero-meta span{color:#ffffffb8;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:inline-flex}.hero-meta svg{width:15px;height:15px;color:var(--orange-300);flex-shrink:0}.card{background:var(--white);border-radius:var(--radius-lg);padding:1.25rem}.card--login{margin-top:1.25rem}.field+.field{margin-top:.875rem}.field label{color:var(--gray-700);margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.field input{border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--white);width:100%;padding:.75rem .875rem;font-size:1rem;font-weight:500;transition:border-color .18s ease-out}.field input::placeholder{color:var(--gray-500);font-weight:400}.field input:focus-visible{outline:2px solid var(--neto-blue);outline-offset:1px;border-color:var(--neto-blue)}.field input:disabled{background:var(--gray-100);color:var(--gray-500)}.form-error{border-radius:var(--radius-sm);color:#b42318;background:#fef2f2;border:1px solid #fecaca;align-items:flex-start;gap:.5rem;margin-top:.875rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:500;line-height:1.4;display:flex}.form-error svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:48px;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;line-height:1.2;transition:background-color .18s ease-out,transform .12s ease-out;display:inline-flex}.btn svg{flex-shrink:0;width:18px;height:18px}.btn:focus-visible{outline:2px solid var(--neto-blue);outline-offset:2px}.btn--primary{background:var(--neto-orange);color:var(--white)}.btn--primary:hover:not(:disabled){background:var(--orange-700)}.btn--primary:active:not(:disabled){transform:scale(.98)}.btn--primary:disabled{background:var(--gray-300);color:var(--white);cursor:not-allowed}.btn--ghost{width:auto;color:var(--gray-500);background:0 0;flex-shrink:0;padding:.75rem;font-size:.875rem}.btn--ghost:hover:not(:disabled){color:var(--neto-blue)}.btn--ghost:disabled{opacity:.35;cursor:not-allowed}.spinner{border:2px solid #fff6;border-top-color:var(--white);border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.legal{text-align:center;color:#ffffffb8;margin-top:1rem;font-size:.75rem;line-height:1.5}.survey-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.625rem;display:flex}.survey-user{min-width:0}.survey-user strong{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.survey-user span{color:var(--blue-200);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.survey-step{color:#ffffffbf;flex-shrink:0;font-size:.75rem;font-weight:500}.survey-step b{color:var(--orange-300);font-size:.9375rem;font-weight:600}.progress{border-radius:var(--radius-pill);background:#ffffff2e;height:4px;margin-bottom:1rem;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);background:var(--neto-orange);width:0;height:100%}.q-number{color:var(--neto-orange);font-size:.75rem;font-weight:600;display:block}.q-title{color:var(--navy);letter-spacing:-.01em;text-wrap:balance;margin-top:.375rem;font-size:clamp(1.125rem,5vw,1.3125rem);font-weight:600;line-height:1.3}.q-subtitle{color:var(--gray-700);margin-top:.375rem;font-size:.8125rem;line-height:1.5}.options{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.option{border:1.5px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);text-align:left;cursor:pointer;align-items:center;gap:.75rem;width:100%;min-height:56px;padding:.625rem .75rem;transition:border-color .18s ease-out,background-color .18s ease-out;display:flex}.option:hover{border-color:var(--blue-200);background:var(--gray-050)}.option:focus-visible{outline:2px solid var(--neto-blue);outline-offset:2px}.option[aria-pressed=true]{border-color:var(--neto-orange);background:var(--orange-100)}.option-emoji{border-radius:var(--radius-sm);background:var(--blue-050);flex-shrink:0;place-items:center;width:36px;height:36px;font-size:1.125rem;line-height:1;transition:background-color .18s ease-out;display:grid}.option[aria-pressed=true] .option-emoji{background:#ff670029}.option-body{flex:1;min-width:0}.option-label{color:var(--ink);font-size:.9375rem;font-weight:600;line-height:1.3;display:block}.option-hint{color:var(--gray-500);margin-top:.0625rem;font-size:.75rem;line-height:1.35;display:block}.option-check{border:1.5px solid var(--gray-300);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;transition:background-color .18s ease-out,border-color .18s ease-out;display:grid}.option-check svg{width:12px;height:12px;color:var(--white);opacity:0;transition:opacity .15s ease-out}.option[aria-pressed=true] .option-check{background:var(--neto-orange);border-color:var(--neto-orange)}.option[aria-pressed=true] .option-check svg{opacity:1}.q-actions{align-items:center;gap:.5rem;margin-top:1.125rem;display:flex}.q-actions .btn--primary{flex:1;min-width:0}.done{text-align:center;padding:1.75rem 1.25rem}.done-mark{background:var(--neto-orange);border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto;display:grid}.done-mark svg{width:34px;height:34px;color:var(--white)}.done h2{color:var(--navy);letter-spacing:-.01em;text-wrap:balance;margin-top:1.125rem;font-size:clamp(1.25rem,5.5vw,1.5rem);font-weight:700}.done p{color:var(--gray-700);text-wrap:pretty;margin-top:.5rem;font-size:.9375rem;line-height:1.55}.done-note{border-radius:var(--radius-md);background:var(--blue-050);color:var(--navy);margin-top:1.25rem;padding:.75rem .875rem;font-size:.8125rem;font-weight:500;line-height:1.5}@media (max-width:360px){.shell{padding-inline:.75rem}.card{padding:1rem}.option{gap:.625rem;padding:.5rem .625rem}.option-emoji{width:32px;height:32px;font-size:1rem}.hero-meta{gap:.375rem .875rem}}@media (min-width:768px){.shell{padding:2rem 1.5rem}.stage{max-width:32rem}.brand img{height:34px}.card{padding:1.75rem}.done{padding:2rem 1.75rem}}@media (prefers-reduced-motion:reduce){.bubble{display:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}