@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;margin:0 auto}@font-face{font-family:Aeonik;src:url(/assets/Aeonik-Light-gdhVCF9n.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;font-family:Aeonik,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app.light{background:#fff;color:#000}.app.dark{background:#000;color:#fff}.brand-logo{position:absolute;top:2rem;left:2rem;z-index:100;display:flex;align-items:center;opacity:.8;transition:all .3s ease}.brand-logo:hover{opacity:1;transform:scale(1.05)}.logo-image{height:40px;width:auto;transition:all .3s ease}.theme-toggle{position:absolute;top:2rem;right:2rem;z-index:100}.theme-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.theme-btn:hover{transform:scale(1.1)}.light .theme-btn{color:#666}.light .theme-btn:hover{background:#0000001a}.dark .theme-btn{color:#ccc}.dark .theme-btn:hover{background:#ffffff1a}.form-container{max-width:600px;width:90%;margin:0 auto;padding:2rem}.progress{text-align:center;margin-bottom:3rem;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.question-index{font-size:1.5rem;font-weight:700;opacity:1;transition:all .3s ease}.question-total{opacity:.6;font-weight:500}.question-form{animation:slideIn .4s ease-out;transition:all .3s ease;position:relative}.question-form:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border-radius:24px;opacity:0;transition:all .3s ease;pointer-events:none;z-index:-1}.light .question-form:before{box-shadow:0 10px 40px #0000001a;background:linear-gradient(135deg,#00000005,#0000000d)}.dark .question-form:before{box-shadow:0 10px 40px #ffffff0d;background:linear-gradient(135deg,#ffffff08,#ffffff14)}.question-form.transitioning{opacity:.7;transform:scale(.98)}.question-form.transitioning:before{opacity:1}.question-form:not(.transitioning):hover:before{opacity:.5}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.question{margin-bottom:3rem}.question h2{font-size:1.8rem;font-weight:600;margin-bottom:2.5rem;line-height:1.3;text-align:center}.options{display:flex;flex-direction:column;gap:1rem}.option{display:flex;align-items:flex-start;padding:1.5rem;border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;min-height:70px}.light .option{background:#00000005;border-color:#0000001a}.light .option:hover{background:#0000000a;border-color:#0003;transform:translateY(-2px)}.light .option.selected{background:#00000014;border-color:#000}.dark .option{background:#ffffff0d;border-color:#ffffff1a}.dark .option:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.dark .option.selected{background:#ffffff1f;border-color:#fff}.option input[type=radio]{display:none}.option-text{font-size:1rem;font-weight:500;line-height:1.4;flex:1;padding-left:.5rem}.option:before{content:"";width:20px;height:20px;border-radius:50%;border:2px solid;margin-right:1rem;margin-top:2px;flex-shrink:0;transition:all .3s ease}.light .option:before{border-color:#0000004d}.light .option.selected:before{border-color:#000;background:#000;box-shadow:inset 0 0 0 4px #fff}.dark .option:before{border-color:#ffffff4d}.dark .option.selected:before{border-color:#fff;background:#fff;box-shadow:inset 0 0 0 4px #000}.navigation{display:flex;flex-direction:column;gap:1rem;margin-top:3rem;align-items:center}.nav-btn{padding:1rem 2.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px;width:100%;max-width:300px}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav-btn:not(:disabled):hover{transform:translateY(-2px)}.nav-btn.secondary{background:transparent;order:2}.light .nav-btn.secondary{color:#666;border:2px solid rgba(0,0,0,.1)}.light .nav-btn.secondary:hover:not(:disabled){border-color:#0000004d;background:#00000005}.dark .nav-btn.secondary{color:#ccc;border:2px solid rgba(255,255,255,.1)}.dark .nav-btn.secondary:hover:not(:disabled){border-color:#ffffff4d;background:#ffffff0d}.nav-btn.primary{order:1}.light .nav-btn.primary{background:#000;color:#fff}.light .nav-btn.primary:hover:not(:disabled){background:#333}.dark .nav-btn.primary{background:#fff;color:#000}.dark .nav-btn.primary:hover:not(:disabled){background:#ccc}.results-container{text-align:center;max-width:800px;width:90%;margin:0 auto;padding:2rem;animation:slideIn .6s ease-out}.score-circle{width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;position:relative;border:4px solid;animation:scoreAnimation 1s ease-out .3s both}@keyframes scoreAnimation{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.light .score-circle{border-color:#000;background:#0000000d}.dark .score-circle{border-color:#fff;background:#ffffff0d}.score-critical{border-color:#ef4444!important;background:#ef44441a!important;color:#ef4444!important;box-shadow:0 0 30px #ef44444d!important}.score-low{border-color:#f97316!important;background:#f973161a!important;color:#f97316!important;box-shadow:0 0 30px #f973164d!important}.score-medium{border-color:#eab308!important;background:#eab3081a!important;color:#eab308!important;box-shadow:0 0 30px #eab3084d!important}.score-good{border-color:#22c55e!important;background:#22c55e1a!important;color:#22c55e!important;box-shadow:0 0 30px #22c55e4d!important}.score-excellent{border-color:#16a34a!important;background:#16a34a1a!important;color:#16a34a!important;box-shadow:0 0 30px #16a34a4d!important}.score-excellent{animation:scoreAnimation 1s ease-out .3s both,excellentPulse 2s ease-in-out infinite 1.5s}@keyframes excellentPulse{0%,to{box-shadow:0 0 30px #16a34a4d}50%{box-shadow:0 0 50px #16a34a80}}.score-critical{animation:scoreAnimation 1s ease-out .3s both,criticalPulse 1.5s ease-in-out infinite 1.5s}@keyframes criticalPulse{0%,to{box-shadow:0 0 30px #ef44444d}50%{box-shadow:0 0 40px #ef444499}}.score-number{font-size:3rem;font-weight:700}.maturity-level{font-size:2rem;font-weight:600;margin-bottom:3rem;animation:slideIn .6s ease-out .5s both;opacity:0;display:flex;align-items:center;justify-content:center;gap:.75rem}.maturity-indicator{font-size:1rem;animation:indicatorPulse 2s ease-in-out infinite 2s}@keyframes indicatorPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.maturity-level.score-critical{color:#ef4444!important}.maturity-level.score-low{color:#f97316!important}.maturity-level.score-medium{color:#eab308!important}.maturity-level.score-good{color:#22c55e!important}.maturity-level.score-excellent{color:#16a34a!important}.cta{animation:slideIn .6s ease-out .7s both;opacity:0}.cta h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.cta p{font-size:1rem;opacity:.8;margin-bottom:2rem;line-height:1.5}.contact-btn{padding:1rem 2.5rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.contact-btn:hover{transform:translateY(-2px)}.light .contact-btn{background:#000;color:#fff}.light .contact-btn:hover{background:#333}.dark .contact-btn{background:#fff;color:#000}.dark .contact-btn:hover{background:#ccc}.results-header{text-align:center;margin-bottom:3rem}.results-summary{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;align-items:center}.summary-card{width:100%;max-width:600px;text-align:center;padding:2rem;border-radius:16px;transition:all .3s ease}.light .summary-card{background:#00000005;border:2px solid rgba(0,0,0,.1)}.dark .summary-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1)}.summary-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.summary-card p{font-size:1rem;line-height:1.6;opacity:.9}.qr-section{width:100%;display:flex;flex-direction:column;align-items:center;max-width:400px}.qr-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;border-radius:16px;transition:all .3s ease}.light .qr-container{background:#00000005;border:2px solid rgba(0,0,0,.1)}.dark .qr-container{background:#ffffff0d;border:2px solid rgba(255,255,255,.1)}.qr-code{border-radius:8px;transition:all .3s ease}.qr-code:hover{transform:scale(1.05)}.qr-text{font-size:.9rem;opacity:.7;margin:0;text-align:center}.personal-info-form{display:flex;flex-direction:column;gap:1.5rem;max-width:400px;margin:0 auto}.contact-form{margin-top:2rem;padding:2rem;border-radius:16px;animation:slideIn .4s ease-out}.light .contact-form{background:#00000005;border:2px solid rgba(0,0,0,.1)}.dark .contact-form{background:#ffffff0d;border:2px solid rgba(255,255,255,.1)}.contact-form h4{margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.form-group{margin-bottom:1rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid transparent;border-radius:8px;font-size:1rem;transition:all .3s ease;background:transparent}.light .form-input{border-color:#0000001a;color:#000}.light .form-input:focus{outline:none;border-color:#000;background:#00000005}.light .form-input::placeholder{color:#00000080}.dark .form-input{border-color:#ffffff1a;color:#fff}.dark .form-input:focus{outline:none;border-color:#fff;background:#ffffff0d}.dark .form-input::placeholder{color:#ffffff80}.error{color:#ef4444;font-size:.8rem;margin-top:.25rem;display:block}.submit-btn{width:100%;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-btn:hover{transform:translateY(-1px)}.light .submit-btn{background:#000;color:#fff}.light .submit-btn:hover{background:#333}.dark .submit-btn{background:#fff;color:#000}.dark .submit-btn:hover{background:#ccc}.loading-container{display:flex;align-items:center;gap:.5rem}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;animation:slideIn .3s ease-out;box-shadow:0 20px 40px #0000001a}.dark .modal-content{background:#1a1a1a;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 1rem}.success-icon{background:#22c55e;color:#fff}.error-icon{background:#f97316;color:#fff}.modal-content h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.modal-content p{opacity:.8;margin-bottom:1.5rem;line-height:1.5}.modal-btn{background:#000;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-btn:hover{background:#333;transform:translateY(-1px)}.dark .modal-btn{background:#fff;color:#000}.dark .modal-btn:hover{background:#ccc}.mobile-qr-section{display:none}.desktop-qr{display:flex}.contact-section{width:100%;margin-top:3rem;padding:2rem 0;border-top:1px solid}.light .contact-section{border-color:#0000001a;background:linear-gradient(to bottom,#00000003,#00000005)}.dark .contact-section{border-color:#ffffff1a;background:linear-gradient(to bottom,#ffffff05,#ffffff0d)}.contact-container{max-width:800px;width:90%;margin:0 auto;padding:2rem;text-align:center}.results-main{display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.app{display:block;align-items:unset;justify-content:unset}.brand-logo{top:1rem;left:1rem}.logo-image{height:30px}.theme-toggle{top:1rem;right:1rem}.form-container{padding:1rem;margin-top:0;width:100%;display:block;box-sizing:border-box}.progress{margin-bottom:2rem}.question-index{font-size:1.2rem}.question h2{font-size:1.3rem;margin-bottom:1.5rem;line-height:1.4}.option{padding:1rem;min-height:60px}.option-text{font-size:.9rem;line-height:1.3}.nav-btn{max-width:100%;min-width:unset;padding:.8rem 1.5rem;font-size:.95rem}.score-circle{width:140px;height:140px;margin-bottom:1.5rem}.score-number{font-size:2.2rem}.maturity-level{font-size:1.5rem;margin-bottom:2rem}.results-container{margin-top:0;padding:1rem;width:100%;display:block;box-sizing:border-box}.results-header{margin-bottom:2rem}.results-summary{flex-direction:column;gap:1.5rem;margin-top:1rem}.summary-card{width:100%;padding:1.5rem;max-width:100%}.summary-card h3{font-size:1.3rem;margin-bottom:.8rem}.summary-card p{font-size:.95rem;line-height:1.5}.desktop-qr{display:none}.mobile-qr-section{display:block;width:100%;text-align:center;padding:2rem 0;margin-top:1rem;border-top:1px solid}.light .mobile-qr-section{border-color:#0000001a;background:linear-gradient(to bottom,#00000003,#00000005)}.dark .mobile-qr-section{border-color:#ffffff1a;background:linear-gradient(to bottom,#ffffff05,#ffffff0d)}.qr-section{max-width:100%}.qr-container{padding:1rem}.qr-code{width:100px!important;height:100px!important}.contact-form{padding:1.5rem}.contact-section{margin-top:2rem;padding:1.5rem 0;display:block;width:100%}.contact-container{padding:1rem;width:100%;margin:0;display:block;box-sizing:border-box}.cta h3{font-size:1.4rem;margin-bottom:.8rem}.cta p{font-size:.95rem;margin-bottom:1.5rem}.contact-btn{padding:.8rem 1.5rem;font-size:1rem}.form-input{padding:.7rem .8rem;font-size:.95rem}.submit-btn{padding:.7rem 1.2rem;font-size:.95rem}}