.questionnaire-page{color:#181a43;isolation:isolate;width:min(906px,100% - 48px);min-height:100svh;padding-top:150px;font-family:Verdana,DejaVu Sans,Bitstream Vera Sans,Geneva,sans-serif;font-size:16px;line-height:1.5}.questionnaire-page:before{content:"";z-index:-1;background:#f8f6e9 var(--questionnaire-background,url(/branding/oelysium-background.jpg)) center / cover no-repeat;pointer-events:none;position:fixed;inset:0}.questionnaire-page .oelysium-header{text-align:center;flex-direction:column;gap:0;padding:0;display:flex}.questionnaire-page .oelysium-header img{object-fit:contain;width:min(340px,80vw);height:clamp(88px,14svh,136px)}.questionnaire-page .oelysium-header h1{letter-spacing:normal;margin:35px 0 8px;font-size:13px;font-weight:400;line-height:1.2}.questionnaire-page .oelysium-welcome{place-items:center;min-height:clamp(420px,62svh,620px);padding:24px 0;display:grid}.welcome-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff9e;border:1px solid #181a4329;border-radius:18px;width:min(100%,390px);padding:30px;box-shadow:0 14px 34px #181a431a}.welcome-logo{width:min(250px,72vw);height:auto;margin:0 auto 20px;display:block}.welcome-card h2{text-align:center;margin:6px 0 34px;font-size:23px}.welcome-card>p:not(.eyebrow){text-align:center;margin:0 0 10px;font-size:14px}.language-switch{background:#fff;border:1px solid #d7d9df;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:5px;display:grid}.language-switch button{color:#181a43;background:0 0;border:0;min-height:42px;padding:8px}.language-switch button.active{color:#fff;background:#181a43}.language-switch button:hover:not(.active){background:#f2f0e6}.welcome-continue{width:100%;margin-top:16px}.questionnaire-page section{max-width:none}.questionnaire-page .question-card{background:0 0;border:0;border-radius:0;margin:16px 0 0;padding:0}.oelysium-progress{justify-content:center;align-items:center;gap:8px;margin-bottom:40px;font-size:14px;display:flex}.oelysium-dots{gap:3px;display:flex}.oelysium-dots>span{border:1px solid #181a43;border-radius:50%;width:10px;height:10px;display:block}.oelysium-dots .done{background:#181a43}.oelysium-dots .current{outline-offset:2px;outline:1px solid #181a43}.required-notice{margin:0 0 64px;font-size:14px;font-style:italic}.required-notice span,.required-star{color:#c32626}.questionnaire-page h2{letter-spacing:normal;margin:0 0 12px;font-size:22px;font-weight:400;line-height:1.4}.questionnaire-page .choices{gap:10px;margin:0 0 24px;display:grid}.questionnaire-page .choice{background:#ffffffdb;min-height:50px;padding:12px 16px}.questionnaire-page .choice input{accent-color:#181a43;flex:none;width:18px;height:18px;margin:0}.questionnaire-page .choice span{flex:1}.contact-fields{border:0;gap:12px;width:min(100%,364px);margin:0;padding:0;display:grid}.contact-fields input:not([type=checkbox]){color:#212529;width:100%;min-height:42px;font:inherit;background:#f9fafb;border:1px solid #c6c9cd;border-radius:6px;padding:10px 20px;box-shadow:0 2px 4px #0003}.contact-fields .consent{align-items:flex-start;gap:9px;width:max-content;max-width:min(100%,650px);margin-top:10px;font-size:14px;line-height:1.5;display:flex}.consent input{accent-color:#181a43;width:14px;height:14px;margin:4px 0 0}.privacy-link{cursor:pointer;text-decoration:underline;display:inline;min-height:auto!important;color:inherit!important;font-size:inherit!important;background:0 0!important;border:0!important;padding:0!important}.privacy-backdrop{z-index:10;background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.privacy-dialog{color:#181a43;background:#fff;border-radius:8px;width:min(760px,100%);max-height:min(760px,100svh - 48px);padding:32px;position:relative;overflow:auto;box-shadow:0 12px 40px #00000059}.privacy-dialog h2{margin-top:0}.privacy-dialog h3{margin:28px 0 8px}.privacy-dialog h4{margin:18px 0 4px}.privacy-dialog p{margin:0 0 10px;line-height:1.55}.privacy-dialog a{color:#181a43}.privacy-close{width:36px;position:absolute;top:12px;right:12px;min-height:36px!important;padding:0!important;font-size:24px!important}.questionnaire-page .question-navigation{margin-top:24px}.questionnaire-page button,.questionnaire-page .button-link{color:#fff;background:#181a43;border:1px solid #181a43;border-radius:6px;min-height:50px;padding:12px 16px;font-family:inherit;font-size:16px;font-weight:400}.questionnaire-page button:hover:not(:disabled),.questionnaire-page .button-link:hover{background:#2d3065}.questionnaire-page :is(button,select,a,summary):focus-visible{outline-offset:3px;outline:3px solid #65699f}.questionnaire-page .oelysium-introduction{padding:40px 0 24px}.oelysium-introduction p,.oelysium-introduction .rich-introduction>p{margin:0 0 24px}.oelysium-introduction blockquote,.oelysium-introduction .rich-introduction>blockquote{border-left:3px solid #181a43;margin:24px 0;padding-left:20px;font-style:italic}.oelysium-introduction img{width:100%;height:auto;margin:24px 0 40px}.oelysium-introduction .translated-introduction-image{object-fit:contain;width:min(100%,760px);max-height:11svh;margin:0 auto;display:block}.oelysium-start{text-align:center;margin-top:32px}.questionnaire-page .oelysium-footer{color:#181a43;text-align:center;border:0;padding:56px 0 16px;font-size:12.8px}.oelysium-footer details{margin-top:24px;font-size:12px}.oelysium-footer summary{cursor:pointer}.oelysium-footer a{color:inherit}.questionnaire-page .result-section{padding:40px 0}.questionnaire-page .result-actions{gap:10px;width:min(100%,360px);margin:28px 0 0;display:grid}.questionnaire-page .result-actions>:is(button,.button-link){text-align:center;width:100%;margin:0}.questionnaire-page .family-reveal{cursor:pointer;background:0 0;border:0;border-radius:14px;width:100%;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.questionnaire-page .family-reveal:hover:not(:disabled){background:0 0;border-color:#0000}.questionnaire-page .family-reveal img{width:100%;height:auto;transition:opacity .36s,transform .52s cubic-bezier(.2,.8,.2,1);display:block}.questionnaire-page .family-reveal:not(.revealed) img{opacity:0;transform:scale(.94)}.family-reveal-veil{color:#181a43;text-align:center;background:linear-gradient(135deg,#d8bb6f,#f7eac0 48%,#b79549);place-content:center;gap:6px;transition:opacity .18s .36s;display:grid;position:absolute;inset:0;overflow:hidden}.family-reveal-veil:before,.family-reveal-veil:after{content:"";background:linear-gradient(135deg,#ffffff38,#0000 60%);border-right:1px solid #ffffffa6;transition:transform .56s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 50% 0 0}.family-reveal-veil:after{transform-origin:100%;border-left:1px solid #ffffffa6;border-right:0;inset:0 0 0 50%}.family-reveal-veil span{z-index:1;font-size:clamp(18px,2vw,25px);font-weight:700;position:relative}.family-reveal-click{z-index:1;filter:drop-shadow(0 6px 8px #553a0f2e);transform-origin:50% 100%;background:#ffffff73;border:1px solid #181a432e;border-radius:50%;justify-self:center;place-items:center;width:62px;height:62px;margin-top:4px;font-size:35px;line-height:1;animation:2.1s ease-in-out infinite family-wine-toast;display:grid;position:relative}.family-reveal-veil small{z-index:1;font-size:13px;position:relative}.family-reveal.revealed .family-reveal-veil{opacity:0;pointer-events:none}.family-reveal.revealed .family-reveal-veil:before{transform:translate(-102%)}.family-reveal.revealed .family-reveal-veil:after{transform:translate(102%)}.family-reveal-sparkles{z-index:2;color:#e9cb69;letter-spacing:22px;opacity:0;pointer-events:none;font-size:30px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)scale(.6)}.family-reveal.revealed .family-reveal-sparkles{animation:.85s ease-out family-sparkles}@keyframes family-sparkles{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-135%)scale(1.4)}}@keyframes family-wine-toast{0%,to{transform:translateY(0)rotate(-5deg)}40%{transform:translateY(-8px)rotate(7deg)}60%{transform:translateY(-5px)rotate(3deg)}}.questionnaire-page .family-rich-copy{margin:0}.questionnaire-page .family-rich-copy :is(p,ul,ol){margin:0 0 5px}.questionnaire-page .family-rich-copy :is(p,div):has(>br:only-child){height:12px;min-height:0;margin:0;line-height:12px}@media (min-width:900px){.questionnaire-page{flex-direction:column;width:min(1200px,100% - 64px);padding-top:16px;display:flex}.questionnaire-page .oelysium-header{flex-direction:column;justify-content:center;align-items:center;gap:6px}.questionnaire-page .oelysium-header img{width:min(340px,72vw);height:clamp(88px,14svh,136px)}.questionnaire-page .oelysium-header h1{margin:0;font-size:12px}.questionnaire-page .question-card{width:min(906px,100%);margin:auto;padding:20px 0}.questionnaire-page .contact-card{width:min(906px,100%)}.oelysium-progress{margin-bottom:24px}.required-notice{margin-bottom:28px}.questionnaire-page .oelysium-footer{margin-top:auto;padding:12px 0}.oelysium-footer>p{margin:0}.oelysium-footer details{margin-top:6px}.questionnaire-page .oelysium-introduction{margin:auto 0;padding:20px 0 12px}.oelysium-introduction .rich-introduction{grid-template-columns:1fr 1fr;gap:12px 32px;display:grid}.oelysium-introduction .rich-introduction>p{margin:0}.oelysium-introduction .rich-introduction>p:first-child{grid-area:1/1}.oelysium-introduction .rich-introduction>p:nth-of-type(2){grid-area:1/2}.oelysium-introduction .rich-introduction>blockquote{margin:0;padding-left:14px}.oelysium-introduction .rich-introduction>blockquote:first-of-type{grid-area:2/1}.oelysium-introduction .rich-introduction>blockquote:last-of-type{grid-area:2/2}.oelysium-introduction .rich-introduction>img{object-fit:contain;grid-column:1/-1;width:min(100%,760px);max-height:11svh;margin:0 auto 28px}.oelysium-introduction.english-introduction .rich-introduction{columns:2;column-gap:32px;display:block}.oelysium-introduction.english-introduction .rich-introduction>:is(p,div,blockquote,ul,ol){break-inside:avoid}.oelysium-introduction.english-introduction .rich-introduction>p,.oelysium-introduction.english-introduction .rich-introduction>blockquote{margin:0 0 16px}.oelysium-introduction.english-introduction .rich-introduction>:is(p,blockquote,img){grid-area:auto}.oelysium-introduction .translated-introduction-image{margin:0 auto 28px;display:block}.oelysium-introduction:not(:has(.rich-introduction)){grid-template-columns:1fr 1fr;gap:12px 32px;display:grid}.oelysium-introduction>p{margin:0}.oelysium-introduction>p:first-child{grid-area:1/1}.oelysium-introduction>p:nth-of-type(2){grid-area:1/2}.oelysium-introduction>blockquote{margin:0;padding-left:14px}.oelysium-introduction>blockquote:first-of-type{grid-area:2/1}.oelysium-introduction>blockquote:last-of-type{grid-area:2/2}.oelysium-introduction>img{object-fit:contain;grid-column:1/-1;width:min(100%,760px);max-height:11svh;margin:0 auto}.oelysium-start{grid-column:1/-1;margin:0}.questionnaire-page .result-section{padding:16px 0}.questionnaire-page .family-result{grid-template-columns:minmax(260px,34%) minmax(0,1fr);gap:36px;margin:0}.questionnaire-page .family-result .family-reveal img{object-fit:contain;width:100%;max-height:66svh}.questionnaire-page .family-copy{align-self:center}.questionnaire-page .family-copy>.eyebrow{margin:0 0 6px}.questionnaire-page .family-copy>h2{margin-bottom:20px}.questionnaire-page .family-result p{margin-bottom:10px;line-height:1.5}.questionnaire-page .family-result .button-link{margin-top:0}.questionnaire-page .result-actions{margin-top:18px}.questionnaire-page .score-details{margin:8px 0}.questionnaire-page .score-details summary{padding:6px 0}}@media (min-width:900px) and (max-height:800px){.questionnaire-page{padding-top:10px;font-size:15px;line-height:1.4}.questionnaire-page .oelysium-header img{width:min(250px,62vw);height:72px}.questionnaire-page .oelysium-header h1{font-size:11px}.questionnaire-page .oelysium-introduction{gap:10px 28px;padding-top:12px}.questionnaire-page .result-section{padding:10px 0}.questionnaire-page .family-result p{margin-bottom:8px;line-height:1.4}.questionnaire-page button,.questionnaire-page .button-link{min-height:44px;padding:10px 14px}}@media (prefers-reduced-motion:reduce){.questionnaire-page .family-reveal img,.family-reveal-veil,.family-reveal-veil:before,.family-reveal-veil:after{transition:none}.family-reveal.revealed .family-reveal-sparkles,.family-reveal-click{animation:none}}@media (max-width:640px){.questionnaire-page{width:calc(100% - 32px);padding-top:48px}.questionnaire-page .oelysium-header img{width:min(280px,72vw);height:clamp(80px,18svh,112px)}.questionnaire-page .oelysium-header h1{margin-top:28px;font-size:11px}.questionnaire-page h2{font-size:20px}.required-notice{margin-bottom:36px}.oelysium-progress{margin-bottom:28px}.questionnaire-page .oelysium-introduction{padding-top:30px}}.questionnaire-page{background-position:50%;background-size:cover;background-attachment:fixed}.questionnaire-logo{margin:auto;display:block}
