:root{--color-black: #000000;--color-dark-gray: #1F1F1F;--color-orange: #FF6A00;--color-text: #FFFFFF;--color-text-secondary: #AAAAAA;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-black);color:var(--color-text);line-height:1.5;font-weight:400;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#root{width:100%;max-width:600px;margin:0 auto;padding:20px;display:flex;flex-direction:column;min-height:100vh}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit}.fade-in{animation:fadeIn var(--transition-speed) ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:20px 0}.brand-title{font-size:2rem;font-weight:700;margin-bottom:40px;color:var(--color-text)}.highlight{color:var(--color-orange)}.welcome-content{margin-bottom:50px}.welcome-text{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:15px;max-width:400px}.btn-primary{background-color:var(--color-orange);color:#fff;font-size:1.1rem;font-weight:600;padding:16px 40px;border-radius:50px;transition:transform .2s,background-color .2s;width:100%;max-width:300px;box-shadow:0 4px 15px #ff6a004d}.btn-primary:hover{background-color:#e65f00;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.question-container{display:flex;flex-direction:column;flex:1;padding-top:20px;position:relative}.question-text{font-size:1.5rem;font-weight:600;margin-bottom:40px;color:var(--color-text);line-height:1.3}.options-container{display:flex;flex-direction:column;gap:15px;flex:1}.choices-grid{display:flex;flex-direction:column;gap:15px}.option-btn{background-color:var(--color-dark-gray);color:var(--color-text);padding:20px;border-radius:12px;text-align:left;font-size:1.1rem;transition:all .2s;border:1px solid transparent}.option-btn:hover{background-color:#2a2a2a;border-color:var(--color-orange);transform:translate(5px)}.text-input-form{display:flex;flex-direction:column;gap:20px}.text-input{background-color:var(--color-dark-gray);border:1px solid #333;border-radius:12px;padding:15px;color:var(--color-text);font-size:1.1rem;resize:none;width:100%}.text-input:focus{outline:none;border-color:var(--color-orange)}.next-btn{align-self:flex-end}.next-btn:disabled{background-color:#444;cursor:not-allowed;box-shadow:none;transform:none}.btn-back{background:transparent;color:var(--color-text-secondary);font-size:1rem;padding:10px 0;margin-top:30px;align-self:flex-start;transition:color .2s}.btn-back:hover{color:var(--color-text)}.final-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center}.success-icon{margin-bottom:30px;animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275)}.final-title{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:var(--color-text)}.final-text{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:10px;max-width:400px}.highlight-text{color:var(--color-text);font-weight:500;margin-bottom:40px}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.progress-container{width:100%;height:6px;background-color:var(--color-dark-gray);border-radius:3px;margin-bottom:30px;overflow:hidden}.progress-fill{height:100%;background-color:var(--color-orange);transition:width .5s ease-in-out}