.quiz-page,.result-screen{background-color:#000}.quiz-wrapper{background-image:url(/_next/static/media/banner-green.92db4efb.jpg);padding:50px;background-size:cover;background-position:50%;background-attachment:fixed;height:100vh}.quiz-container,.quiz-wrapper{display:flex;flex-direction:column;align-items:center}.quiz-container{max-width:1000px;text-align:center;gap:50px}.question-counter{font-size:30px;width:-moz-fit-content;width:fit-content;padding:15px 30px;border-radius:25px;background-color:#00000070;text-shadow:0 0 3px #fff,0 0 6px #fff,0 0 48px #fff}.answers-list{display:flex;gap:25px;flex-wrap:wrap;justify-content:center}.answers-list li{list-style:none;cursor:pointer}.little-btn-blue,.little-btn-pink{background-color:#000;cursor:pointer}.free-answer,.little-btn-blue,.little-btn-pink{display:flex;align-items:center;justify-content:center}.free-answer{flex-direction:column;gap:25px;flex-wrap:wrap;width:90%}.free-answer input{width:100%;background-color:#000;color:white;padding:15px;border:none}.result-screen{display:flex;flex-direction:column;align-items:center;padding:50px;gap:50px}.result-card{width:100%;max-width:680px;border:1.5px solid #ff2d78;border-radius:20px;background:#0a0a0a;padding:40px 32px;text-align:center;box-shadow:0 0 40px rgba(255,45,120,.2),inset 0 0 60px rgba(255,45,120,.04);position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:200px;height:80px;background:rgba(255,45,120,.15);border-radius:50%;filter:blur(30px);pointer-events:none}.result-label{font-size:11px;letter-spacing:3px;font-weight:700;margin:0 0 16px;text-transform:uppercase}.profile-label{font-size:2rem;margin:0 0 20px;line-height:1.3}.profile-desc{color:#aaaaaa;font-size:.95rem;line-height:1.7;margin:0}.scores-section{width:100%;max-width:680px;background:#0a0a0a;border:1px solid #ce82bb;border-radius:20px;padding:32px}.scores-title{color:#ce82bb;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0 0 28px;text-shadow:0 0 8px #ce82bb}.score-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:14px;gap:14px;margin-bottom:16px}.score-row:last-child{margin-bottom:0}.score-row--active .score-label{font-weight:700}.score-label{font-size:.88rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-bar-track{width:140px;height:5px;background:#111;border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1);min-width:4px}.score-value{font-size:.8rem;font-weight:700;min-width:36px;text-align:right}.result-actions{display:flex;flex-direction:row;gap:14px;width:100%;max-width:680px}.action-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 24px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;border:2px solid transparent;text-decoration:none;background-color:#000;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.action-btn:hover{transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn__icon{font-size:1rem}.action-btn--pink{border-color:#ce82bb;color:#ce82bb;box-shadow:0 0 0 transparent}.action-btn--pink:hover{background-color:#ce82bb;color:#000;text-shadow:none;box-shadow:0 0 20px rgba(255,45,120,.5)}.action-btn--blue{border-color:#5aceb8;color:#5aceb8}.action-btn--blue:hover{background-color:#5aceb8;color:#000;text-shadow:none;box-shadow:0 0 20px rgba(0,212,255,.5)}.action-btn--purple{border-color:#7abd73;color:#7abd73}.action-btn--purple:hover{background-color:#7abd73;color:#000;text-shadow:none;box-shadow:0 0 20px rgba(123,47,190,.5)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:20px;padding:36px 32px;width:100%;max-width:480px;position:relative;animation:slideUp .25s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#ff0000;font-size:1.1rem;cursor:pointer;padding:6px 10px;border-radius:8px;transition:color .15s}.modal-close:hover{color:#fff}.modal-title{margin:0 0 10px;color:#ffffff;font-size:1.2rem;font-weight:700}.modal-desc{color:#666;font-size:.88rem;margin:0 0 28px;line-height:1.6}.form-label{display:flex;flex-direction:column;gap:8px;color:#fff;font-size:.82rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:18px}.form-input{width:100%;background-color:#000;color:white;padding:15px;border:1px solid #fff;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .15s;box-sizing:border-box}.form-input:focus{border-color:#FF2D78}.form-input::placeholder{color:#333}.consent-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;cursor:pointer;color:#888;font-size:.85rem;line-height:1.5}.consent-row input[type=checkbox]{margin-top:3px;accent-color:#FF2D78;width:15px;height:15px;flex-shrink:0;cursor:pointer}.consent-row--required{color:#ccc}.rgpd-note{display:block;margin-top:3px}.rgpd-footer,.rgpd-note{color:#444;font-size:.76rem}.rgpd-footer{background:#050505;border:1px solid #1a1a1a;border-radius:8px;padding:12px 14px;line-height:1.6;margin:18px 0}.rgpd-link{color:#666;text-decoration:underline}.form-error{color:#ff4444;font-size:.85rem;margin:0 0 14px}.modal-submit{width:100%;margin-top:8px;padding:15px 30px;border-radius:25px}.send-success{text-align:center;padding:20px 0}.send-success__icon{font-size:2.5rem;margin:0 0 16px}@media (max-width:600px){.result-screen{padding:30px 16px 60px;gap:32px}.result-card{padding:28px 20px}.profile-label{font-size:1.5rem}.scores-section{padding:24px 16px}.score-bar-track{width:80px}.modal-box{padding:28px 20px}.action-btn{font-size:.88rem;padding:16px 18px}.quiz-wrapper{padding:30px 20px}.result-actions{flex-direction:column}}