@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;600&display=swap");@font-face{font-display:swap;font-family:Butler;font-style:normal;font-weight:700;src:url(https://use.typekit.net/af/1a1c4b/00000000000000007735a9aa/30/l?subset_id=2&fvd=n7) format("woff2")}@font-face{font-display:swap;font-family:Butler;font-style:normal;font-weight:500;src:url(https://use.typekit.net/af/9b05f3/00000000000000007735a9b0/30/l?subset_id=2&fvd=n5) format("woff2")}@font-face{font-display:swap;font-family:Butler;font-style:normal;font-weight:400;src:url(https://use.typekit.net/af/4e7e72/00000000000000007735a9ac/30/l?subset_id=2&fvd=n4) format("woff2")}:root{--vgbel-primary-dark:#192031;--vgbel-primary-medium:#284b66;--vgbel-accent-gold:#cdb9a3;--vgbel-light-neutral:#e8e1dc;--vgbel-white:#fff;--vgbel-offwhite:#f7f5f2;--vgbel-gold-hover:#b8a88f;--vgbel-shadow:rgba(25,32,49,.12);--vgbel-success:#059669;--vgbel-success-light:#d1fae5;--vgbel-error:#dc2626;--vgbel-error-light:#fee2e2}.vgbel-quiz-wrapper{background:linear-gradient(135deg,var(--vgbel-offwhite) 0,var(--vgbel-light-neutral) 100%);font-family:Butler,serif;padding:3rem 1.5rem;width:100%}.vgbel-quiz-container{background:var(--vgbel-white);border:2px solid var(--vgbel-accent-gold);border-radius:1rem;box-shadow:0 10px 40px var(--vgbel-shadow);margin:0 auto;max-width:800px;padding:2.5rem}.quiz-header h1{border-bottom:4px solid var(--vgbel-accent-gold);color:var(--vgbel-primary-dark);display:inline-block;font-family:Butler,serif;font-size:2.25rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem}.quiz-intro{color:var(--vgbel-primary-medium);font-family:Libre Franklin,sans-serif;font-size:1.0625rem;line-height:1.6}.progress-container,.quiz-intro{margin-bottom:2rem}.progress-bar{background:linear-gradient(90deg,var(--vgbel-accent-gold),var(--vgbel-gold-hover));border-radius:.375rem;box-shadow:0 2px 8px hsla(31,30%,72%,.3);height:10px;transition:width .3s ease;width:0}.progress-text{color:var(--vgbel-primary-medium);font-family:Libre Franklin,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-top:.75rem;text-align:center}.auth-screen{padding:2rem 0}.auth-content h2{color:var(--vgbel-primary-dark);font-family:Butler,serif;font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-align:center}.auth-description{color:var(--vgbel-primary-medium);font-family:Libre Franklin,sans-serif;font-size:1rem;line-height:1.6;margin-bottom:2rem;text-align:center}.auth-buttons-primary{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.auth-divider{margin:2rem 0;position:relative;text-align:center}.auth-divider:after,.auth-divider:before{background:var(--vgbel-light-neutral);content:"";height:1px;position:absolute;top:50%;width:40%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{background:var(--vgbel-white);color:var(--vgbel-primary-medium);font-family:Libre Franklin,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:0 1rem;position:relative;text-transform:uppercase}.auth-email-section{background:var(--vgbel-offwhite);border:1px solid var(--vgbel-light-neutral);border-radius:.75rem;padding:1.5rem}.email-option-text{color:var(--vgbel-primary-dark);font-family:Libre Franklin,sans-serif;font-weight:600;margin-bottom:1rem;text-align:center}.email-input-group{display:block;margin-bottom:.5rem}.email-input-group input{border:2px solid var(--vgbel-primary-medium);border-radius:.5rem;color:var(--vgbel-primary-dark);font-family:Libre Franklin,sans-serif;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.email-input-group input:focus{border-color:var(--vgbel-accent-gold);box-shadow:0 0 0 3px hsla(31,30%,72%,.1);outline:none}.email-note{color:var(--vgbel-primary-medium);font-family:Libre Franklin,sans-serif;font-size:.875rem;margin-top:.75rem;opacity:.8;text-align:center}.email-warning-notice{align-items:center;animation:subtlePulse 3s ease-in-out infinite;background:hsla(31,30%,72%,.15);border:1px solid var(--vgbel-accent-gold);border-radius:.5rem;display:flex;gap:.625rem;margin-bottom:.5rem;margin-top:.75rem;padding:.75rem 1rem}@keyframes subtlePulse{0%,to{box-shadow:0 0 0 0 hsla(31,30%,72%,0)}50%{box-shadow:0 0 0 4px hsla(31,30%,72%,.15)}}.email-warning-icon{color:var(--vgbel-accent-gold);flex-shrink:0;height:18px;width:18px}.email-warning-notice span{color:var(--vgbel-primary-dark);font-family:Libre Franklin,sans-serif;font-size:.8125rem;line-height:1.4}.email-warning-notice strong{color:var(--vgbel-primary-dark);font-weight:600}@media (prefers-reduced-motion:reduce){.email-warning-notice{animation:none}}@media (forced-colors:active){.email-warning-notice{border:2px solid CanvasText}}.gdpr-consent-section{margin:1.5rem 0 1rem}.gdpr-checkbox{align-items:flex-start;color:var(--vgbel-primary-dark);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;line-height:1.5;margin-bottom:1rem;text-align:left}.gdpr-checkbox input[type=checkbox]{accent-color:var(--vgbel-accent-gold);cursor:pointer;flex-shrink:0;height:18px;margin-top:.25rem;min-width:18px;width:18px}.gdpr-checkbox span{flex:1}.gdpr-checkbox a{color:var(--vgbel-accent-gold);text-decoration:underline;transition:color .2s ease}.gdpr-checkbox a:hover{color:var(--vgbel-gold-hover)}.vgbel-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:Libre Franklin,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s ease;width:100%}.vgbel-btn-primary{background:var(--vgbel-accent-gold);box-shadow:0 2px 8px hsla(31,30%,72%,.3);color:var(--vgbel-white)}.vgbel-btn-primary:hover:not(:disabled){background:var(--vgbel-gold-hover);box-shadow:0 4px 16px hsla(31,30%,72%,.4);transform:translateY(-2px)}.vgbel-btn-secondary{background:var(--vgbel-light-neutral);color:var(--vgbel-primary-dark)}.vgbel-btn-secondary:hover:not(:disabled){background:var(--vgbel-accent-gold);color:var(--vgbel-white)}.vgbel-btn-gold{background:var(--vgbel-primary-dark);color:var(--vgbel-white)}.vgbel-btn-gold:hover:not(:disabled){background:var(--vgbel-primary-medium)}.vgbel-btn-large{font-size:1.0625rem;padding:1.125rem 2rem}.vgbel-btn:disabled{cursor:not-allowed;opacity:.4}.btn-icon{flex-shrink:0;height:20px;width:20px}.quiz-content{padding:1rem 0}.question-block{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-number{color:var(--vgbel-accent-gold);display:block;font-family:Libre Franklin,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.question-title{color:var(--vgbel-primary-dark);font-family:Butler,serif;font-size:1.375rem;font-weight:500;line-height:1.4;margin-bottom:1.5rem}.options-container{display:flex;flex-direction:column;gap:1rem}.option-btn{align-items:center;background:var(--vgbel-white);border:2px solid var(--vgbel-primary-medium);border-radius:.5rem;color:var(--vgbel-primary-dark);cursor:pointer;display:flex;font-family:Libre Franklin,sans-serif;font-size:1rem;justify-content:space-between;line-height:1.5;padding:1rem 1.25rem;text-align:left;transition:all .2s ease;width:100%}.option-btn:hover{background:var(--vgbel-accent-gold);border-color:var(--vgbel-accent-gold);color:var(--vgbel-white);transform:translateX(6px)}.option-btn.selected{background:var(--vgbel-primary-dark);border-color:var(--vgbel-primary-dark);color:var(--vgbel-white);font-weight:600}.option-text{flex:1}.checkmark{color:var(--vgbel-accent-gold);font-size:1.5rem;font-weight:700;margin-left:1rem}.quiz-navigation{border-top:1px solid var(--vgbel-light-neutral);display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:2rem}.personal-details-screen{animation:fadeIn .3s ease;padding:2rem 0}.personal-details-content{margin:0 auto;max-width:500px;text-align:center}.details-icon{margin-bottom:1.5rem}.details-icon svg{display:block;margin:0 auto}.personal-details-content h2{color:var(--vgbel-primary-dark);font-family:Butler,serif;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.details-description{color:var(--vgbel-primary-medium);font-family:Libre Franklin,sans-serif;font-size:1rem;line-height:1.6;margin-bottom:2rem}.details-form{background:var(--vgbel-offwhite);border:1px solid var(--vgbel-light-neutral);border-radius:.75rem;padding:2rem;text-align:left}.form-row{margin-bottom:1.25rem}.form-row:last-of-type{margin-bottom:1.5rem}.form-row label{display:block;font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.form-row input,.form-row label{color:var(--vgbel-primary-dark);font-family:Libre Franklin,sans-serif}.form-row input{background:var(--vgbel-white);border:2px solid var(--vgbel-primary-medium);border-radius:.5rem;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-row input:focus{border-color:var(--vgbel-accent-gold);box-shadow:0 0 0 3px hsla(31,30%,72%,.1);outline:none}.form-row input[type=date]{cursor:pointer}.form-row input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s ease}.form-row input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-row.hidden{display:none}.details-form .error-message{margin-bottom:1rem}.logged-result-screen{padding:3rem 0;text-align:center}.result-success{margin:0 auto;max-width:600px}.success-icon-large{animation:scaleIn .5s ease;display:block;margin:0 auto 2rem}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.result-success h2{color:var(--vgbel-primary-dark);font-family:Butler,serif;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.success-text{color:var(--vgbel-primary-medium);font-family:Libre Franklin,sans-serif;font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem}.success-text strong{color:var(--vgbel-primary-dark);font-weight:600}.pre-result-screen{padding:2rem 0}.result-preview{background:linear-gradient(135deg,var(--vgbel-offwhite) 0,var(--vgbel-white) 100%);border:2px solid var(--vgbel-light-neutral);border-radius:1rem;margin-bottom:3rem;padding:2rem;text-align:center}.preview-icon-svg{animation:float 3s ease-in-out infinite;display:block;margin:0 auto 1.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.result-preview h2{color:var(--vgbel-primary-dark);font-family:Butler,serif;font-size:2rem;font-weight:700;margin-bottom:1rem}.preview-text{color:var(--vgbel-primary-medium);font-family:Libre Franklin,sans-serif;font-size:1.125rem;line-height:1.6}.preview-text strong{color:var(--vgbel-primary-dark);font-weight:600}.unlock-message{background:linear-gradient(135deg,var(--vgbel-primary-dark) 0,var(--vgbel-primary-medium) 100%);border-radius:1rem;box-shadow:0 10px 40px rgba(25,32,49,.2);color:var(--vgbel-white);padding:2.5rem;text-align:center}.unlock-message h3{color:var(--vgbel-white);font-family:Butler,serif;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.unlock-message>p{color:hsla(0,0%,100%,.95);font-family:Libre Franklin,sans-serif;font-size:1.0625rem;margin-bottom:1.5rem}.benefits-list{list-style:none;margin:0 auto 2rem;max-width:500px;padding:0;text-align:left}.benefits-list li{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.15);color:var(--vgbel-white);display:flex;font-family:Libre Franklin,sans-serif;font-size:1rem;gap:.75rem;padding:.875rem 0}.benefits-list li:last-child{border-bottom:none}.benefit-icon{flex-shrink:0;opacity:.9}.unlock-buttons{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:500px}.unlock-buttons .vgbel-btn{background:var(--vgbel-white);color:var(--vgbel-primary-dark)}.unlock-buttons .vgbel-btn:hover{background:var(--vgbel-accent-gold);color:var(--vgbel-white);transform:translateY(-2px)}.unlock-buttons .vgbel-btn-secondary{background:transparent;border:2px solid hsla(0,0%,100%,.3);color:var(--vgbel-white)}.unlock-buttons .vgbel-btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:var(--vgbel-white)}.loading-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--vgbel-light-neutral);border:4px solid var(--vgbel-light-neutral);border-radius:50%;border-top-color:var(--vgbel-accent-gold);height:48px;margin-bottom:1.5rem;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-screen p{color:var(--vgbel-primary-medium);font-family:Libre Franklin,sans-serif;font-size:1rem}.vgbel-modal{align-items:center;animation:fadeIn .2s ease;display:flex;justify-content:center;position:fixed;z-index:9999}.modal-overlay,.vgbel-modal{height:100%;left:0;top:0;width:100%}.modal-overlay{backdrop-filter:blur(4px);background:rgba(25,32,49,.75);position:absolute}.modal-content{animation:slideUp .3s ease;background:var(--vgbel-white);border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,.3);height:80vh;max-height:700px;max-width:600px;overflow:hidden;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:var(--vgbel-primary-dark);border:none;border-radius:50%;color:var(--vgbel-white);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;line-height:1;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px;z-index:10}.modal-close:hover{background:var(--vgbel-accent-gold);transform:rotate(90deg)}.modal-content iframe{border:none;height:100%;width:100%}.error-message{background:var(--vgbel-error-light);border-left:4px solid var(--vgbel-error);border-radius:.5rem;color:var(--vgbel-error);font-family:Libre Franklin,sans-serif;font-size:.9375rem;margin-top:.75rem;padding:.875rem 1rem;text-align:left}.hidden{display:none!important}@media (max-width:768px){.vgbel-quiz-wrapper{padding:2rem 1rem}.vgbel-quiz-container{border-width:1px;padding:1.5rem}.quiz-header h1{font-size:1.75rem;word-break:break-word}.quiz-intro{font-size:.9375rem}.auth-buttons-primary{grid-template-columns:1fr}.question-title{font-size:1.125rem}.option-btn{font-size:.9375rem;padding:.875rem 1rem}.option-btn:hover{transform:translateX(3px)}.unlock-message{padding:2rem 1.5rem}.unlock-buttons{width:100%}.modal-content{height:85vh;width:95%}.quiz-navigation{gap:.75rem}.gdpr-checkbox{font-size:.8125rem}.email-warning-notice{gap:.5rem;padding:.625rem .875rem}.email-warning-notice span{font-size:.75rem}.email-warning-icon{height:16px;width:16px}.personal-details-content h2{font-size:1.5rem}.details-form{padding:1.5rem}}@media (max-width:480px){.vgbel-quiz-wrapper{padding:1.5rem .75rem}.vgbel-quiz-container{border-radius:.75rem;padding:1.25rem}.quiz-header h1{font-size:1.375rem;letter-spacing:-.01em;line-height:1.3;word-spacing:-.05em}.quiz-intro{font-size:.875rem;line-height:1.5}.progress-bar{height:8px}.progress-text{font-size:.8125rem}.auth-content h2{font-size:1.375rem}.auth-description{font-size:.875rem}.vgbel-btn{font-size:.9375rem;padding:.75rem 1.25rem}.vgbel-btn-large{font-size:.9375rem;padding:.875rem 1.5rem}.email-input-group input{font-size:.9375rem;padding:.75rem .875rem}.email-note{font-size:.8125rem}.email-warning-notice{gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.email-warning-notice span{font-size:.6875rem}.email-warning-icon{height:14px;min-width:14px;width:14px}.gdpr-checkbox{font-size:.8125rem;gap:.5rem}.gdpr-checkbox input[type=checkbox]{height:16px;min-width:16px;width:16px}.question-number{font-size:.8125rem}.question-title{font-size:1rem;line-height:1.35}.options-container{gap:.75rem}.option-btn{font-size:.875rem;padding:.75rem .875rem}.checkmark{font-size:1.25rem;margin-left:.5rem}.quiz-navigation{gap:.5rem;margin-top:1.5rem;padding-top:1.5rem}#vgbel-prev-btn{flex-shrink:0;max-width:48px;min-width:48px;padding:.75rem}#vgbel-prev-btn .btn-icon{height:24px;width:24px}#vgbel-prev-btn{font-size:0!important;line-height:0}#vgbel-prev-btn .btn-icon{font-size:medium}#vgbel-next-btn{flex:1;padding:.75rem}#vgbel-next-btn .btn-icon{height:24px;width:24px}#vgbel-next-btn{font-size:0!important;line-height:0}#vgbel-next-btn .btn-icon{font-size:medium}.result-preview{padding:1.5rem 1rem}.result-preview h2{font-size:1.25rem;line-height:1.3;word-spacing:-.05em}.preview-text{font-size:.9375rem}.preview-icon-svg{height:80px;width:80px}.success-icon-large{height:64px;width:64px}.result-success h2{font-size:1.5rem;line-height:1.3}.success-text{font-size:.9375rem}.unlock-message{padding:1.5rem 1rem}.unlock-message h3{font-size:1.25rem;line-height:1.3}.unlock-message>p{font-size:.9375rem}.benefits-list li{font-size:.875rem;padding:.75rem 0}.benefit-icon{height:18px;width:18px}.modal-content{border-radius:1rem 1rem 0 0;height:90vh;width:100%}.modal-close{height:36px;width:36px}.modal-close,.personal-details-content h2{font-size:1.25rem}.details-description{font-size:.875rem}.details-form{padding:1.25rem}.form-row label{font-size:.875rem}.form-row input{font-size:.9375rem;padding:.75rem .875rem}.details-icon svg{height:50px;width:50px}}@media (max-width:360px){.quiz-header h1{font-size:1.25rem}.question-title{font-size:.9375rem}.option-btn{font-size:.8125rem;padding:.625rem .75rem}.result-preview h2,.result-success h2{font-size:1.125rem}.gdpr-checkbox{font-size:.75rem}.email-warning-notice{align-items:flex-start;flex-direction:row;padding:.5rem .625rem}.email-warning-notice span{font-size:.625rem;line-height:1.3}.email-warning-icon{margin-top:.125rem}.personal-details-content h2{font-size:1.125rem}.form-row input{font-size:.875rem}}